Właściwość CSS border-image-width

Definicja stylu, przeznaczenie i użycie border-image-width

Styl border-image-width określa szerokość obramowania obrazu.

Wskazówka: spójrz także na właściwość border-image (skróconą właściwość do ustawiania wszystkich właściwości border-image- *).

Wartości właściwości border-image-width

Składnia CSS border-image-width

border-image-width: number | % | auto | initial | inherit;

Wsparcie przeglądarek dla właściwości border-image-width

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
border-image-width	15.0	11.0	13.0	6.0	15.0

Przykładowe zastosowania z właściwością border-image-width

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

#myDIV {
  border: 10px solid transparent;
  padding: 15px;   
  border-image: url(/images/kurs-style-css/border.png);
  border-image-slice: 30;
  border-image-repeat: round;
  border-image-width: 10px;
}

Przykłady właściwości border-image-width

Przykład – określa szerokość obrazu obramowania: #borderimg { border-image-source: url(obraz.jpg); border-image-width: 20px; }