Le meilleur didacticiel CSS3 border-image répétée propriété en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,Définitions et utilisation,support du navigateur,Syntaxe CSS,Valeur de la propriété,Pages associées,
Réglez le mode de l'image de répétition:
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 |
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 |
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 | 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 |
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