• Теория
  • Теория

Рамки

Рамка задаётся с помощью свойства border, которое состоит из трёх компонентов:

  1. ширина рамки;
  2. стиль рамки;
  3. цвет.

Например:

selector {
  border: 5px solid red;
}

Это правило задаёт красную сплошную рамку толщиной 5px.

Задавать рамку можно одним свойством border, а можно и с помощью отдельных свойств border-width, border-style, border-color. Например:

selector {
  border-width: 5px;
  border-style: solid;
  border-color: red;
}

Это правило задаёт такую же рамку, как и в примере выше.

Несколько самых распространённых стилей рамок:

  • solid — сплошная;
  • dashed — пунктирная;
  • dotted — точками.

Рамку можно задавать элементам и со строчным, и с блочным боксом.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 29 апреля цена 21 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Блочная модель документа» тренажёра «Боксовая модель и позиционирование» можно после регистрации и оформления подписки.