manuel de référence CSS

règles CSS @

大全 des attributs CSS

CSS3 bordure-image-propriété repeat CSS3 bordure-propriété image

CSS3 bordure-image-Méthode d'utilisation et exemples de l'attribut outset

Ce border-image-L'attribut outsetCSS spécifie la quantité de dépassement de la zone d'image de bord par rapport à la boîte de bord.

Le tableau suivant contient les instructions d'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :	0
Applicable à :	Cette propriété peut être appliquée à n'importe quel élément, mais lorsque les éléments de tableau (comme tr, th, td) ont une bordure-Lorsque la valeur de la propriété collapse est collapse, la bordure-image-La propriété outset est invalide. Il est également applicable à::first-letter.
Héritage :	Non
Animable :	Non.Voir également propriétés d'animation.
version :	CSS3nouvelle fonctionnalité
nouvelle fonction de syntaxe JavaScript :	object.style.borderImageOutset="20 20"

bordure-image-syntaxe d'utilisation de outset

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

　bordure-image-outset: length | number | initial | inherit

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

exemple

.box {
　　　　largeur:　300px;
　　　　hauteur:　150px;
　　　　bordure:　15px solid transparent;
　　　　bordure-image-source: url("border.png");
　　　　bordure-image-slice:　30;
　　　　bordure-image-outset:　15px;
}

Essayez de voir‹/›

valeur de l'attribut

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

valeur	description
length	spécifie la distance absolue ou la distance en unité relative au-delà de la boîte de bordure de l'image de bordure. Ne pas utiliser de valeurs négatives.
number	représente la largeur de la bordure ou la largeur de la boîte de bordurebordure-largeurmultiples de la valeur.
initial	réinitialisez cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise la bordure de son élément parent-image-valeur de la propriété outset.

Compatibilité du navigateur

bordure-image-Compatibilité du navigateur pour la propriété outset, les numéros dans le tableau suivant représentent la version minimale du navigateur prise en charge pour 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+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS3 bordureetbordure CSS.

propriétés associées :bordure-image,bordure-image-source,bordure-image-coupe,bordure-image-largeur,bordure-image-repeat,bordure.

CSS3 bordure-image-propriété repeat CSS3 bordure-propriété image