Свойство -webkit-border-image

uriThe file path of the image.
topThe distance from the top edge of the image.
rightThe distance from the right edge of the image.
bottomThe distance from the bottom edge of the image.
leftThe distance from the left edge of the image.
x_repeatThe horizontal repeat style.
y_repeatThe vertical repeat style.
borderThe width of the border on all sides.
top_borderThe width of the top border.
right_borderThe width of the right border.
bottom_borderThe width of the bottom border.
left_borderThe width of the left border.
functionA function that procedurally generates an image, such as gradient.

repeatThe image is tiled.
roundThe image is stretched before it is tiled to prevent partial tiles
stretchThe image is stretched to the size of the border.

Свойство -webkit-border-image относится к спецификации CSS, применяется к всем элементам, его значение не наследуется от родительского элемента в иерархии документа, Является расширением движка WebKit (браузеры Chrome и Safari), и не совместимо с другими браузерами.

Смотри также:

  • border-image - Свойства фонового изображение для рамки элемента (ширина поля, изображение и т.д.)
  • -o-border-image - Свойства фонового изображение для рамки элемента (ширина поля, изображение и т.д.)
  • -moz-border-image - Свойства фонового изображение для рамки элемента (ширина поля, изображение и т.д.)

Краткое описание

Свойства фонового изображение для рамки элемента (ширина поля, изображение и т.д.)

Синтаксис:

uri top right bottom left x_repeat y_repeaturi top right bottom left / border x_repeat y_repeaturi top right bottom left / top_border right_border bottom_border left_border x_repeat y_repeatfunction top right bottom left / top_border right_border bottom_border left_border x_repeat y_repeat

Наследование:

не наследуется

Объектная модель документа (DOM):

[элемент].style['-webkit-border-image']

Кроссбраузерная совместимость

Internet Explorer

не поддерживается

Firefox

не поддерживается

Chrome

1.0+

Safari

1.0+

Opera

не поддерживается