CSS3 border-image-repeat nieruchomość
Przykłady
Ustaw tryb powtarzania obrazu:
border-image-source: url ( border.png);
border-image-repeat: repeat;
}
Spróbuj »
Definicje i zastosowanie
border-image-repeat atrybut, czy granica obraz powinien zostać powtórzony (powtarzane), rozciąganie (rozciągnięty) lub pokryte (w zaokrągleniu).
Wskazówka: Można zobaczyć border-image własność (Skrócona forma podania wszystkich granicznych-image- * właściwości).
Domyślnie: | odcinek |
---|---|
Dziedziczenie: | nie |
Animacja: | Nr. Zobacz animatable |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.borderImageRepeat = "round"spróbować |
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą tę wersję wydarzeń.
nieruchomość | |||||
---|---|---|---|---|---|
border-image-repeat | 15,0 | 11,0 | 15,0 | 6,0 | 15,0 |
Składnia CSS
Uwaga: Ten atrybut określa sposób przedłużony i układ krawędzi i środkowej części ramy obrazu.W związku z tym, można określić dwie wartości. Jeżeli druga wartość jest pominięty, a pierwszy ma taką samą wartość.
Wartość nieruchomości
wartość | opis | Przykłady |
---|---|---|
odcinek | Domyślnie. Rozciągnąć obraz, aby wypełnić obszar | Zobacz przykłady » |
powtarzać | Marmurowa (powtarzający się), aby wypełnić obszar obrazu. | Zobacz przykłady » |
okrągły | Podobny powtórz wartość. Jeśli nie można wykonać wszystkie kafelki obraz, obraz jest skalowany w celu dopasowania do obszaru. | Zobacz przykłady » |
przestrzeń | Podobny powtórz wartość. Jeśli nie można wykonać wszystkie kafelkami obrazów, przestrzeń ekspansji będą dystrybuowane na całym obrazie | |
początkowy | Ustawić tę właściwość na wartość domyślną. Zobacz początkowa | Zobacz przykłady » |
dziedziczyć | Ta właściwość jest dziedziczona z elementu nadrzędnego. Zobacz dziedziczą |
Podobne strony
Tutorial CSS3: CSS3 Granicznej
CSS: border-image-REPEAT nieruchomość
CSS: border-image-Kawałek nieruchomość
CSS: border-image-Źródło nieruchomość
CSS: border-width atrybut Obraz
HTML DOM: nieruchomość borderImageRepeat