Przykład
Określ szerokość obrazu granicznego:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Spróbuj sam " Definicja i Wykorzystanie
Własność border-image-width określa szerokość obrazu granicznej.
Wskazówka: Zobacz również na granicy obrazu własności (a shorthand property for setting all the border-image-* properties) .
| Domyślna wartość: | 1 |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.borderImageWidth="20px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| border-image-width | 15,0 | 11,0 | 13,0 | 6,0 | 15,0 |
Składnia CSS
border-image-width:number|%|auto|initial|inherit;Note: Własność border-image-szerokość może trwać od jednego do czterech wartości (top, right, bottom, and left sides) . Jeśli wartość czwarty pominięte, to jest takie samo jak w drugim. Jeśli trzeci jest pominięta, to jest takie samo jak pierwszy. Jeśli drugi jest pominięta, to jest takie samo jak pierwszy.
wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| length | Jednostka długości (px) określający wielkość border-width | Graj " |
| number | Wartość domyślna 1. Reprezentuje wielokrotności odpowiedniego border-width | Graj " |
| % | Odnosi się do wielkości obszaru obrazu ramki: szerokość obszaru przesunięć poziomych, pionowych o wysokości offsetu | Graj " |
| auto | Jeśli określony, szerokość wewnętrzna szerokość lub wysokość odpowiedniego wycinka obrazu | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Tutorial CSS3: Obrazy CSS3 graniczne
CSS: border-image-outset property
CSS: border-image-repeat property
CSS: border-image-slice property
CSS: border-image-source property
HTML DOM referencyjny: borderImageWidth property