logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

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

Wartość Opis
length Jednostka długości (px) określająca rozmiar border-width.
number Wartość domyślna 1. Reprezentuje wielokrotności odpowiedniej szerokości obramowania.
% Odnosi się do rozmiaru obramowania obszaru obrazu: szerokość obszaru dla przesunięć poziomych, wysokość dla przesunięć pionowych.
auto Jeśli określono, szerokość jest wewnętrzną szerokością lub wysokością odpowiedniego wycinka obrazu.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

 

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ść chrome edge firefox safari opera
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.

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

Oto użyty obraz:

Rezultat:
Uwaga: Internet Explorer 10 i wcześniejsze wersje nie obsługują właściwości border-image-width.
Kod CSS:
#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

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00