Maison > interface Web > tutoriel CSS > Propriété CSS3 tutoriel-border-image

Propriété CSS3 tutoriel-border-image

黄舟
Libérer: 2016-12-27 16:04:56
original
1697 Les gens l'ont consulté

Aujourd'hui, Sister Cui'er va vous expliquer le tutoriel CSS3 - le dernier attribut de la bordure : l'attribut border-image. Cet article présente principalement la définition et l'utilisation de cet attribut, dans l'espoir d'aider les étudiants qui ont besoin d'aide dans le travail de développement front-end.

Regardez un exemple spécifique :

Spécifiez l'image comme bordure entourant l'élément div :

div
{
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
}
Copier après la connexion

Support du navigateur :

Propriété CSS3 tutoriel-border-image

Internet Explorer 11, Firefox, Opera 15, Chrome et Safari 6 prennent en charge l'attribut border-image.

Safari 5 prend en charge un attribut alternatif -webkit-border-image.

Définition et utilisation :

l'attribut border-image est un attribut raccourci utilisé pour définir les attributs suivants :

border-image-source

border; -image-slice;

border-image-width;

border-image-outset;

border-image-repeat;

si valeur omise , sa valeur par défaut sera définie.

Astuce : utilisez les propriétés border-image-* pour créer de superbes boutons évolutifs !

Propriété CSS3 tutoriel-border-image

Valeurs possibles :

Propriété CSS3 tutoriel-border-image

Ce qui précède est le contenu de l'attribut CSS3 tutoriel-border-image, plus de contenu connexe Veuillez faire attention au site Web PHP chinois (www.php.cn) !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal