English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die CSS-Expression attr() wird verwendet, um den Wert eines bestimmten HTML-Attributs des ausgewählten Elements zu erhalten und in sein Stil zu verwenden. Sie kann auch für Pseudo-Elemente verwendet werden, bei denen der Attributwert der Element ist, dem das Pseudo-Element angehängt ist. Die attr()-Ausdrücke können für alle CSS-Attribute verwendet werden.
Nachstehende Beispiele fügen nach jedem Link Inhalt ein:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Einführung in die Grundlagen(oldtoolbag.com)</title>
<style>
a:after {content: " ( " attr(href) " )";}
</style>
</head>
<body>
<p><a href="//de.oldtoolbag.com">Einführung in die Grundlagen</a></p>
<p><a href="//de.oldtoolbag.com/html/">HTML Anleitung</a></p>
<p><strong>Beachtung:</strong> IE8 Um die Funktion attr() zu unterstützen, muss !DOCTYPE deklariert werden.</p>
</body>
</html>Testen Sie heraus, ob ‹/›Die Funktion attr() gibt den Wert der Attribut des ausgewählten Elements zurück.
Unterstützte Version: CSS2
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Funktion unterstützt.
| Funktion | |||||
|---|---|---|---|---|---|
| attr() | 2.0 | 8.0 | 1.0 | 3.1 | 9.0 |
Beachtung: IE8 Um die Funktion attr() zu unterstützen, muss !DOCTYPE deklariert werden.
Syntax: attr( Eigenschaft-name <type-oder-(unit>? [[, fallback>]? )
| Wert | Beschreibung |
|---|---|
| Eigenschaft-name | Notwendig. Name der Eigenschaft des HTML-Elements. |