css border dashed длина штриха

  • Автор темы Lucania
  • 76
  • Обновлено
  • 05, May 2023
  • #1
Для задания длины штриха пунктира в CSS используется свойство
 border-style
, которое может принимать значение
 dashed
. После этого значения можно указать длину штриха и пробела в пикселях или других единицах измерения. Например, для создания пунктирной границы с длиной штриха 4 пикселя и пробела 2 пикселя, можно использовать следующий CSS-код: cssCopy code
 border-style: dashed;
border-width: 1px;
border-color: black;
border-radius: 5px;
border-image-source: none;
border-image-slice: 0;
border-image-width: 1;
border-image-outset: 0;
border-image-repeat: stretch;
Здесь
 border-style
задает стиль границы,
 border-width
- ее ширину,
 border-color
- цвет,
 border-radius
- радиус скругления углов.

 border-image-*
свойства используются для настройки изображения границы, которое в данном случае не используется (
 border-image-source: none;
).
 border-image-slice
задает, как разделить изображение на 9 частей для растяжения по границе,
 border-image-width
- ширину границы,
 border-image-repeat
- повторять или растягивать изображение вдоль границы.

Lucania


Рег
02 Feb, 2023

Тем
27158

Постов
27328

Баллов
298908
Тем
49554
Комментарии
57426
Опыт
552966

Интересно