УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS3 Свойство border-image-width


CSS Справочник Полный CSS Справочник

Пример

Указать толщину сторон границы-изображения:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство border-image-width не поддерживается ни одним из основных браузеров.

Взгляните лучше на свойство border-image!


Определение и Использование

Свойство border-image-width указывает толщину сторон границы-изображения.

Значение по умолчанию: 1
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.borderImageWidth="30 30"


Синтаксис

border-image-width: число|%|auto;

Замечание: Четыре значения border-image-width указывают смещения, которые используются для разделения изображения границы на девять частей. Они представляют внутренние расстояния от верхней, правой, нижней и левой сторон области изображения. Если четвертое значение пропущено, оно устанавливается равным второму. Если третье значение также пропущено, оно устанавливается равным первому. Если и второе значение также не указано, оно берется равным первому. Отрицательные значения не допустимы для любых значений border-image-width.

Значение Описание
число Представляет кратное значение соответствующего значения свойства border-width
% Ссылается на размер области изображения границы: ширина области для горизонтальных смещений, высота - для вертикальных смещений
auto Если указано, то толщина берется равной ширине или высоте соответствующего куска изображения


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS