manuel de référence CSS

règles CSS @RULES

大全 des attributs CSS

CSS3 border-image-outset propriété CSS border-color propriété

CSS3 border-Méthode d'utilisation et exemple de l'attribut image

border-Comment utiliser l'attribut image CSS pour remplacer le style de bordure avec une image. C'est un attribut de raccourci, utilisé pour configurer en même tempsborder-image-source，border-image-slice，border-image-width，border-image-outsetetborder-image-repeatPropriété

Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :	none 100 stretch; Voir toutes les propriétés
S'applique à :	Cette propriété peut être appliquée à n'importe quel élément, mais lorsqu'il s'agit d'éléments de tableau (comme tr, th, td), la bordure-Quand la valeur de l'attribut collapse est collapse, border-L'attribut image est invalide. Il est également applicable à::first-letter。
Héritage :	Non
Animable :	Non.Veuillez consulter Animation propriété。
Version :	CSS3nouvelle fonction
JavaScript syntaxe :	object.style.borderImage="url(border.png) 30 30 ronde"

border-Syntaxe d'utilisation de image

La syntaxe de cette propriété est la suivante :

border-image: [ source slice width outset repeat ] | initial | inherit

Les exemples suivants montrent comment utiliser border-attribut image.

Exemple

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border:　15px solide transparent;
　　　　-webkit-border-image: url("border.png")　30　30 ronde;　/*　Safari　3.1-5　*/
　　　　-o-border-image: url("border.png")　30　30 ronde;　/*　Opera　11-12.1　*/
　　　　border-image: url("border.png")　30　30 ronde;
}

Vérifiez‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

Valeur	Description
border-image-source	Définir la position de l'image à utiliser pour le bord.
border-image-slice	Définir la déviation vers l'intérieur de l'image de bordure du haut, de droite, du bas et de gauche du bord.
border-image-width	Définir la largeur du bord.
border-image-outset	Définir la quantité de l'image de bordure qui dépasse le bord, la quantité en dehors de la gamme.
border-image-repeat	Définir comment le centre de l'image de bordure est étiré ou répété pour correspondre à la taille du bord.
initial	Définir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise le border de son élément parent-Valeur de l'attribut image.

Compatibilité du navigateur

border-Compatibilité du navigateur de l'attribut image, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; toutes les navigateurs populaires prennent en charge cette propriété.

	Firefox 3.5+ ^-moz-，15 + Google Chrome 4+ ^-webkit-，16 + Internet Explorer 11+ Apple Safari 3.1+ ^-webkit-，6+ Opera 11+ ^-o-，15+ ^-webkit-

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS3 BorderetCSS Border。

Propriétés associées :border-image-source，border-image-slice，border-image-width，border-image-outset，border-image-repeat，border。

CSS3 border-image-outset propriété CSS border-color propriété