Pomocí pseudo-elementů :before
a :after
je možné vkládat textový obsah definovaný ve vlastnosti content
před nebo za element, pro který je pseudo-element definován. Pomocí escape sekvence \\A
respektive \\00000a
by mělo být možné text zalamovat. Jaká je ale podpora této vlastnosti v současných prohlížečích?
Pro web conVERTER jsem před pár dny připravil stylopis pro tiskový výstup. Do tisku jsem chtěl pod hlavní nadpis vložit text copyrightu. Nakonec jsem neuspěl, jak jsem očekával. Použil jsem následující kód CSS:
#titulek h1:after {
font-size: 180%; font-style: normal;
content: "Copyright (C) 2004 Jiří Bureš"; font-size: 10pt; font-weight: normal;}
Pokud prohlížeč dobře podporuje pseudo-element :after
ve spojení se zalomením pomocí escape sekvence \\A
měl být pod nadpisem text copyrightu napsaný menším písmem. Jak se s touto konstrukcí vypořádali nejnovější Windows prohlížeče?
- Internet Explorer 6.0
- Tady není o čem psát. IE generování obsahu pomocí
:before
a:after
nepodporuje. - Mozilla Firefox 1.0
- Firefox obsah generovaný pomocí
:before
a:after
zobrazí. Nereaguje ale na escape sekvenci\\A
. Firefox neodřádkuje. - Opera 7.51
- Opera jako jediná z testovaných prohlížečů obstála.
Jak je na tom Váš prohlížeč ukáže testovací stránka pseudo-elementu :after
. Testoval jsem jenom 3 prohlížeče pod Windows. Budu rád, když do komentářů přidáte výsledky testování ve Vašem prohlížeči.