9. CSS рамка border, обводка outline, тени box-shadow, фильтры filter
Создание сайтов с нуля - урок 11 - Свойства CSS: margin, padding, border, outline, box-sizing
Свойство padding Свойство padding задает внутренние отступы элемента - отступы от внешней границы элемента до его содержания. Существует несколько способов записи свойства padding. Обычный способ: Сокращенный способ: padding: 5px 10px 15px 20px; Кроме того, в зависимости от значений, последнюю запись можно еще сокращать. Обратите внимание, что для строчных элементов вертикальные отступы не задаются. Свойство margin Свойство margin задает внешние отступы элемента - отступы от внешней границы элемента до границ родительского элемента или до соседних элементов. Способы записи свойства margin аналогичны свойству padding...
Выводим внешний контур на чистом CSS В этом нам поможет свойство outline. В отличие от border, контур череp outline не влияет на размеры элемента и может быть смещён от его границ с помощью outline-offset. 👀 Подробнее об outline: outline-style: стиль контура (сплошной, пунктирный и т.д.) outline-width: ширина outline-color: цвет; outline-offset: отступ от границы элемента. В итоге мы не просто нарисовали рамку, а использовали средства для вывода внешнего контура. Добавьте в избранное, чтобы не потерять!