|
|||
CSS-Eigenschaft für bestimmtes Ausgabemedium ändern
Hallo,
wie ihr sicher wisst, gibt es die möglichkeit, CSS-Eigenschaften nur für bestimmte Ausgabemedien zu setzen: Code:
<STYLE type="text/css"> @media print { body { color : black; } } @media screen { body { color : red; } } </STYLE> Aber wie kann man mit Javascript eine CSS-Eigenschaft nur für ein Ausgabemedium ändern? |
Sponsored Links |
|
|||
Folgender Code funktioniert in Opera, Firefox und Konqueror:
HTML-Code:
<HTML> <HEAD> <STYLE id="TheStyle" type="text/css"> @media print { body { color : black; } } @media screen { body { color : red; } } </STYLE> </HEAD> <BODY> Text text text text text text text<BR> <A href="javascript: ChangeStyle()">Change</A> <SCRIPT type="text/javascript"> function ChangeStyle () { document.getElementById('TheStyle').innerHTML = ' @media print {\n' + ' body { color : blue; }\n' + ' }\n' + ' @media screen {\n' + ' body { color : green; }\n' + ' }'; } </SCRIPT> </BODY> </HTML> |
Sponsored Links |
Stichwörter |
@media, ausgabemedium, css, eigenschaft, javascript |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Validator WC3 Fehlermeldung: Broder-Radius | stephsteph | CSS | 2 | 17.05.2010 22:36 |
2 CSS Files -> 1 CSS File | Habi | CSS | 7 | 17.02.2010 16:25 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 03:21 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 09:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 12:39 |