Свойство outline — это старое свойство из спецификации CSS, которое в CSS3 было улучшено и теперь включает в себя значение сдвига. Данное свойство применяется для создания второй рамки, причем эта рамка может находиться на расстоянии от края элемента.
Листинг 3.17. Добавление контура к полю заголовка
#mainbox {
Display: block;
width: 500px; margin: 50px auto; padding: 15px; text-align: center;
Border: 1px solid #999999; background: #DDDDDD;
Outline: 2px dashed #000099; outline-offset: 15px;
}
В листинге 3.17 к стилям, которые мы раньше привязали к полю в нашем шаблоне, добавили рамку шириной 2 пиксела со смещением 15 пикселов. Свойство outline обладает теми же характеристиками и работает с теми же параметрами, что и свойство border. Свойству outline-offset передается только одно значение, выраженное в пикселах.
Замените кодом из листинга 3.17 соответствующий код в листинге 3.11 и проверьте результат в своем браузере.
Добавить комментарий