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-repeat

 

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

Styl border-image-repeat definiuje, czy obraz obramowania powinien zostać powtórzony, zaokrąglony czy rozciągnięty.

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-repeat

Wartość Opis
stretch Obraz zostanie rozciągnięty, aby wypełnić obszar. Domyślna wartość.
repeat Obraz jest powtarzany, aby wypełnić obszar.
round Obraz jest powtarzany w stylu round, aby wypełnić obszar. Jeśli nie wypełni całkowicie tego obszaru, to obraz jest przeskalowany, aby pasował.
space Obraz jest powtarzany w stylu space, aby wypełnić obszar. Jeśli nie wypełni całkowicie tego obszaru, dodatkowa przestrzeń zostanie rozłożona wokół tak, aby pasowała (bez skalowania).
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-repeat

border-image-repeat: stretch | repeat | round | initial | inherit;

 

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

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-repeat 15.0 11.0 15.0 6.0 15.0

 

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

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

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

Oto użyty obraz:

Reszultat:
Uwaga: Internet Explorer 10 i wcześniejsze wersje nie obsługują właściwości border-image-repeat.
Kod CSS:
#myDIV {
border: 15px solid transparent;
padding: 15px;
border-image: url(/images/kurs-style-css/border.png);
border-image-slice: 30;
border-image-repeat: stretch;
}
 

 

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

 

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