CSS border-image-width Właściwość
Przykład
Określ szerokość obrazu obramowania:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Definicja i użycie
Właściwość border-image-width
określa szerokość obrazu obramowania.
Wskazówka: spójrz także na właściwość border-image (skrócona właściwość do ustawiania wszystkich właściwości border-image-*).
Domyślna wartość: | 1 |
---|---|
Dziedziczny: | nie |
Animowalny: | nie. Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.borderImageWidth="20px" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Składnia CSS
border-image-width: number|%|auto|initial|inherit;
Uwaga: Właściwość border-image-width
może przyjmować od jednej do czterech wartości (góra, prawa, dół i lewa strona). Jeśli czwarta wartość zostanie pominięta, jest taka sama jak druga. Jeśli pominięto również trzecią, jest ona taka sama jak pierwsza. Jeśli pominięto również drugą, to jest ona taka sama jak pierwsza.
Wartości nieruchomości
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Powiązane strony
Samouczek CSS: obrazy obramowania CSS
Dokumentacja CSS: właściwość border-image
CSS Reference: border-image-outset property
CSS Reference: border-image-repeat property
Dokumentacja CSS: właściwość border-image-slice
Dokumentacja CSS: właściwość border-image-source
Odniesienie HTML DOM: właściwość borderImageWidth