CSS właściwość border-image-width
- poprzednia strona border-image-source
- Następna strona border-inline
Definicja i użycie
Atrybut border-image-width określa szerokość obrazu granicznego.
Zobacz również:
CSS3 Tutorial:Krawędzie CSS3
Przykład
Określa szerokość obrazu granicznego:
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
CSS syntax
border-image-width: number|%|auto;
Komentarz:Cztery określenia border-image-width dzielą obraz graniczny na dziewięć części, reprezentujących odległość od góry, prawej, dołu i lewej strony obszaru. Jeśli pominięto czwarty wartość, jest on równy drugiemu. Jeśli pominięto trzeci wartość, jest on równy pierwszemu. Jeśli pominięto drugi wartość, jest on równy pierwszemu. Nie są dozwolone ujemne wartości jako wartości border-image-width.
Wartość atrybutu
| Wartość | Opis |
|---|---|
| number | wskazuje na mnożnik odpowiedniego border-width. |
| % | Odniesienie do wymiarów obszaru obrazu granicznego: wysokość wpływa na poziomy offset, szerokość wpływa na pionowy offset. |
| auto | Jeśli określono ten atrybut, szerokość wynosi naturalną szerokość kawałka obrazu. |
Techniczne szczegóły
| Domyślna wartość: | brak |
|---|---|
| Inheredność: | nie |
| Wersja: | CSS3 |
| JavaScript syntax: | object.style.borderImageWidth="30 30" |
Wsparcie przeglądarki
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Zobacz border-image Atrybut.
- poprzednia strona border-image-source
- Następna strona border-inline
