Outline в CSS отличается от других стилевых свойств тем, что устанавливает контур вокруг элемента. 23 Это линия, которая рисуется сразу за границей элемента и используется для выделения элементов, создания визуального акцента без изменения их размеров. 2

Некоторые отличия outline от границ (border):

• Размещение. 5 Границы размещаются внутри поля элемента, а контуры рисуются за его границей. 5
• Влияние на пространство. 5 Границы занимают место и влияют на размер и макет элемента, а контуры не занимают места и не влияют на макет. 5
• Параметры для каждой из сторон. 3 Для границ можно установить разные цвета или стили для каждой из сторон, а для контура это невозможно. 3

Также свойство outline не влияет на положение блока и его ширину, в отличие от линии, задаваемой через border. 6