Heim Web-Frontend CSS-Tutorial Wie verwende ich das CSS3-Symbolattribut?

Wie verwende ich das CSS3-Symbolattribut?

Feb 20, 2019 am 11:46 AM
css3

Das Symbolattribut von CSS3 wird verwendet, um Erstellern die Möglichkeit zu geben, Elemente auf das Äquivalent von Symbolen festzulegen.

Wie verwende ich das CSS3-Symbolattribut?

CSS3-Symbolattribut

Funktion: Symbolattribut wird für Ersteller bereitgestellt Es wurde die Möglichkeit hinzugefügt, Elemente auf ihre Symboläquivalente festzulegen.

Syntax:

icon: auto|URL;
Nach dem Login kopieren

auto: Verwenden Sie das vom Browser bereitgestellte standardmäßige universelle Symbol.

URL: Verweist auf ein oder mehrere Symbole in der Liste, getrennt durch Kommas.

Hinweis:

1. Sofern der Wert des Attributs „content“ nicht auf „icon“ gesetzt ist, wird das Symbol des Elements nicht verwendet.

2. Derzeit unterstützt kein Mainstream-Browser das Icon-Attribut.

Beispiel für die Verwendung des CSS3-Symbolattributs

Setzen Sie ein Bildelement auf sein symbolisiertes Äquivalent:

img
{
content:icon;
icon:url(imgicon.png);
}
Nach dem Login kopieren

Das ist es Ich hoffe, dass der gesamte Inhalt dieses Artikels für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonWie verwende ich das CSS3-Symbolattribut?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie erzielt man mit reinem CSS3 einen Welleneffekt? (Codebeispiel) Wie erzielt man mit reinem CSS3 einen Welleneffekt? (Codebeispiel) Jun 28, 2022 pm 01:39 PM

Wie erzielt man mit reinem CSS3 einen Welleneffekt? (Codebeispiel)

Verwenden Sie CSS geschickt, um verschiedene seltsam geformte Schaltflächen zu realisieren (mit Code). Verwenden Sie CSS geschickt, um verschiedene seltsam geformte Schaltflächen zu realisieren (mit Code). Jul 19, 2022 am 11:28 AM

Verwenden Sie CSS geschickt, um verschiedene seltsam geformte Schaltflächen zu realisieren (mit Code).

So verstecken Sie Elemente in CSS, ohne Platz zu beanspruchen So verstecken Sie Elemente in CSS, ohne Platz zu beanspruchen Jun 01, 2022 pm 07:15 PM

So verstecken Sie Elemente in CSS, ohne Platz zu beanspruchen

Es zeigt sich, dass Textkarussell und Bildkarussell auch mit reinem CSS realisierbar sind! Es zeigt sich, dass Textkarussell und Bildkarussell auch mit reinem CSS realisierbar sind! Jun 10, 2022 pm 01:00 PM

Es zeigt sich, dass Textkarussell und Bildkarussell auch mit reinem CSS realisierbar sind!

So implementieren Sie Spitzenränder in CSS3 So implementieren Sie Spitzenränder in CSS3 Sep 16, 2022 pm 07:11 PM

So implementieren Sie Spitzenränder in CSS3

CSS3, was ist adaptives Layout? CSS3, was ist adaptives Layout? Jun 02, 2022 pm 12:05 PM

CSS3, was ist adaptives Layout?

So vergrößern Sie das Bild durch Klicken mit der Maus in CSS3 So vergrößern Sie das Bild durch Klicken mit der Maus in CSS3 Apr 25, 2022 pm 04:52 PM

So vergrößern Sie das Bild durch Klicken mit der Maus in CSS3

Hat der CSS3-Animationseffekt eine Verformung? Hat der CSS3-Animationseffekt eine Verformung? Apr 28, 2022 pm 02:20 PM

Hat der CSS3-Animationseffekt eine Verformung?

See all articles