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

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ść
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.

#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

Przykład 1. Określa, jak powtórzyć obraz obramowania: #borderimg { border-image-source: url(border.png); border-image-repeat: repeat; }