Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | 7.0+ | 2.0+ | 1.5+ | 1.0+ | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
- | + | + | + |
Для чего используется?
Создает ограничивающию линию для элемента. Этим свойством также можно фиксировать ширину линии, ее цвет и стиль. В принципе, полностью аналогичен по функционалу свойству border, но есть одно принципиальное отличие - линия, заданная outline, не влияет на ширину блока.
Как правильно задавать?
outline:параметры линии;
Какие могут быть значения?
- outline-color - определяет цветовой раскрас линии.
- outline-style - стилистика линии ограничения.
- outline-width - ширина полосы.
- inherit - повторяет стиль родительских линий.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство outline</title> <style> img { outline: 1px dashed #c3c3c3; } </style> </head> <body> <img width="200px" src="android.png"> </body> </html>
По итогу получаем
Тип CSS свойства:
Границы