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.


 

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

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.

 

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.

 

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Obszar działalności
Tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel.: +48 780 060 995, pon. - czw. 8:00 - 16:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności

Marynarska 54, 59-220 Legnica,, dolnośląskie, Polska,
tel.: +48 780 060 995,
pon. - czw. 8:00 - 16:00