manuel de référence CSS

CSS @règles (RULES)

大全 des attributs CSS

CSS border-left propriété CSS3 border-image-source propriété

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

border-image-L'attribut width CSS spécifie la largeur de la bordure.

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

Valeur par défaut :	1
S'applique à :	Cette propriété peut être appliquée à tout élément, mais lorsqu'il s'agit d'éléments de tableau (comme tr, th, td), la bordure-collapse属性值为collapse时border-image-propriété collapse a pour valeur collapse alors borderpropriété width est invalide. Elle s'applique également à-::first。
letter	Héritage :
Non	Animable :Non. Voir également。
propriétés d'animation	CSS3version :
nouvelle fonction	object.style.borderImageWidth="30 30"

border-image-Syntaxe de l'utilisation de width

La syntaxe de cet attribut est la suivante :

border-image-width: [ length | percentage | number | auto ]　1　to　4　values | initial | inherit

Les exemples suivants montrent comment utiliser border-image-propriété width.

Exemple

.box　{
　　　　width:　300px;
　　　　height:　150px;
　　　　border-image-source: url("border.png");
　　　　border-image-width:　10px;
　　　　border-image-slice:　30;
　　　　border-image-repeat: round;
}

Voyons voir‹/›

valeur de l'attribut

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

valeur	description
length	Spécifiez la largeur de la bordure en unités absolues ou relatives.
percentage	Spécifiez la largeur de la bordure en pourcentage de l'élément.
number	représente l'élémentborder-widthvaleur calculée de la propriété ou multiple de la largeur de la bordure.
auto	Spécifiez la largeur de l'image de bordure en largeur ou en hauteur de la coupe d'image correspondante.
initial	Réinitialisez cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise le border de son élément parent-image-valeur calculée de la propriété width.

Compatibilité du navigateur

border-image-Compatibilité des navigateurs pour la propriété width, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

	Firefox 15+ Google Chrome15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+

Lisez la suite

Veuillez consulter les tutoriels suivants :CSS3 BorderetCSS Border。

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

CSS border-left propriété CSS3 border-image-source propriété