davor :: before
Mit dem Pseudo-Element ":before" kann man vor HTML-Elementen automatischen Code einfügen. So nutzt diese Seite das Pseudo-Element :before dazu, die Beschriftungen "Quellcodebeispiel:", "Stylesheetangabe:" sowie "Anzeigebeispiel:" einzufügen.
code:before, .sample:before, .css:before {
padding: 5px 10px;
margin-top: -29px;
font-style: italic;
display: block;
float: left;
background-color: #fbfbdb;
max-width: 20%;
text-shadow: #aaa 3px 3px 5px;
font-family: "Verdana";
}
code:before { content: "Quellcodebeispiel:"; }
.sample:before { content: "Anzeigebeispiel:"; }
.css:before { content: "Stylesheetangabe:"; }
padding: 5px 10px;
margin-top: -29px;
font-style: italic;
display: block;
float: left;
background-color: #fbfbdb;
max-width: 20%;
text-shadow: #aaa 3px 3px 5px;
font-family: "Verdana";
}
code:before { content: "Quellcodebeispiel:"; }
.sample:before { content: "Anzeigebeispiel:"; }
.css:before { content: "Stylesheetangabe:"; }
Browserunterstützung von :before
 |
 |
 |
 |
 |
 |
 |
 |
|||
|---|---|---|---|---|---|---|---|---|---|---|
| 5+ | 5-7 | 7.5+ | 4 | 6+ | 1+ | 0.8+ | 1+ | 3.5+ | 2 | |
| :before | ||||||||||
letzte Änderung: 06.04.2011