Свойство outline-offset
Описание
Устанавливает расстояние между рамкой, созданной с помощью свойства outline, и краем или границей элемента добавленной через border.
Синтаксис
outline-offset: размер;Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test {
width: 200px;
height: 100px;
background-color: #97dfc8;
outline: 3px solid red;
outline-offset: -15px;
}
</style>
<div id='test'></div>
</body>
</html>Читайте также
Свойство columns
Универсальное свойство, которое позволяет задать ширину и количество колонок многоколоночного текста одновременно....
Свойство border-left
Позволяет одновременно установить толщину, стиль и цвет левой границы элемента.
Значения могут идти в любом порядке, разделяясь пробелом....
Свойство perspective
Определяет расстояние от плоскости экрана до точки сходимости линий и тем самым задаёт, насколько выражен эффект перспективы. Точка сходимости по умол...
Функция repeating-linear-gradient()
Создаёт бесконечно повторяющийся линейный градиент, образуя тем самым фоновый узор. По своему действию похожа на функцию linear-gra...