Свойство outline - это мощный инструмент, позволяющий создавать выразительную внешнюю границу вокруг элемента. Важно понимать, что эта рамка не является частью самого блока и совершенно не влияет на его ширину или отступы, что делает её идеальной для акцентов без риска «сломать» макет.

Благодаря этому свойству вы можете удобно объединять в одном объявлении три ключевых параметра: outline-color, outline-style и outline-width. Если вы забыли указать одно из значений, браузер автоматически подставит значение по умолчанию (при его наличии), что упрощает написание кода.

 html head style type="text/css" p { border: 2px solid red; outline: green dotted thick; } /style /head body pC помощью свойства outline мы сделали вторую рамку(внешнюю)./p /body /html