Maison interface Web tutoriel CSS Comment utiliser l'attribut d'icône CSS3 ?

Comment utiliser l'attribut d'icône CSS3 ?

Feb 20, 2019 am 11:46 AM
css3

L'attribut icon de CSS3 est utilisé pour offrir aux créateurs la possibilité de définir des éléments comme l'équivalent d'icônes.

Comment utiliser l'attribut d'icône CSS3 ?

Attribut d'icône CSS3

Fonction : L'attribut d'icône est fourni pour les créateurs Ajout de la possibilité de définir les éléments sur leurs équivalents d'icônes.

Syntaxe :

icon: auto|URL;
Copier après la connexion

auto : Utilisez l'icône universelle par défaut fournie par le navigateur.

URL : Référence une ou plusieurs icônes de la liste, séparées par des virgules.

Remarque :

1. À moins que la valeur de l'attribut "content" soit définie sur "icon", l'icône de l'élément ne sera pas utilisée.

2. Actuellement, aucun navigateur grand public ne prend en charge l'attribut icône.

Exemple d'utilisation de l'attribut d'icône CSS3

Définir un élément d'image sur son équivalent iconifié :

img
{
content:icon;
icon:url(imgicon.png);
}
Copier après la connexion

Ci-dessus C'est tout le contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code) Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code) Jun 28, 2022 pm 01:39 PM

Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code)

Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code) Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code) Jul 19, 2022 am 11:28 AM

Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code)

Comment masquer des éléments en CSS sans prendre de place Comment masquer des éléments en CSS sans prendre de place Jun 01, 2022 pm 07:15 PM

Comment masquer des éléments en CSS sans prendre de place

Comment implémenter des bordures en dentelle en CSS3 Comment implémenter des bordures en dentelle en CSS3 Sep 16, 2022 pm 07:11 PM

Comment implémenter des bordures en dentelle en CSS3

Il s'avère que le carrousel de texte et le carrousel d'images peuvent également être réalisés en utilisant du CSS pur ! Il s'avère que le carrousel de texte et le carrousel d'images peuvent également être réalisés en utilisant du CSS pur ! Jun 10, 2022 pm 01:00 PM

Il s'avère que le carrousel de texte et le carrousel d'images peuvent également être réalisés en utilisant du CSS pur !

css3 qu'est-ce que la mise en page adaptative css3 qu'est-ce que la mise en page adaptative Jun 02, 2022 pm 12:05 PM

css3 qu'est-ce que la mise en page adaptative

Comment agrandir l'image en cliquant sur la souris en CSS3 Comment agrandir l'image en cliquant sur la souris en CSS3 Apr 25, 2022 pm 04:52 PM

Comment agrandir l'image en cliquant sur la souris en CSS3

L'effet d'animation CSS3 a-t-il une déformation ? L'effet d'animation CSS3 a-t-il une déformation ? Apr 28, 2022 pm 02:20 PM

L'effet d'animation CSS3 a-t-il une déformation ?

See all articles