CSS3 border-image répétée propriété
Exemples
Réglez le mode de l'image de répétition:
border-image source: url ( border.png);
border-image-repeat: repeat;
}
Essayez »
Définitions et utilisation
attribut border-image répétée si la limite de l'image doit être répétée (répétée), la traction (étiré) ou recouverts (arrondie).
Astuce: Vous pouvez afficher la frontière image propriété (propriété raccourcie utilisée pour définir toutes les propriétés de bordure-image- *).
Par défaut: | étendue |
---|---|
Héritée: | aucun |
animation: | pas. Voir animatable |
Version: | CSS3 |
Syntaxe JavaScript: | objet .style.borderImageRepeat = "round"essayer |
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir cette version des faits.
propriété | |||||
---|---|---|---|---|---|
-Image-répétition de bordure | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Syntaxe CSS
Note: cet attribut indique comment étendue et la disposition des bords et la partie centrale du cadre de l'image.Par conséquent, vous pouvez spécifier deux valeurs. Si la deuxième valeur est omise, et le premier à prendre la même valeur.
Valeur de la propriété
valeur | description | Exemples |
---|---|---|
étendue | Par défaut. Étirer l'image pour remplir la zone | Voir des exemples » |
répétition | Sol (répété) pour remplir la zone d'image. | Voir des exemples » |
rond | valeur de répétition similaires. Si vous ne pouvez pas terminer image en mosaïque, l'image est redimensionnée à la taille de la zone. | Voir des exemples » |
espace | valeur de répétition similaires. Si vous ne pouvez pas terminer toutes les images en mosaïque, l'espace d'expansion sera distribué autour de l'image | |
initial | Définissez cette propriété sur la valeur par défaut. Voir initial | Voir des exemples » |
hériter | Cette propriété est héritée de l'élément parent. Voir hériteront |
Pages associées
CSS3 tutoriel: CSS3 Border
Référence CSS: la propriété border-Image
Référence CSS: border-image-REPEAT propriété
Référence CSS: border-image-Slice propriété
Référence CSS: border-image-Source propriété
Référence CSS: border-width attribut-Image
HTML DOM Référence: propriété borderImageRepeat