Belső vagy beágyazott stílusok jellemzői
Név | Érték | Leírás | Böngészők |
---|---|---|---|
media | screen;
tty;
tv; projection; handheld, print; braille; aural; all |
A weboldal megjelenítésére haszált eszköz típusa. Külön stíluslap készíthatő a különböző eszközökhöz. (nyomtató, képerny...) | |
type | text/css | A tartalom típusa. | |
scoped | scoped | Felhasználásával a dokumentumtörzsben is megadható stílusdeklaráció, ami a megadás helyén található elemre, és az abba közvetlenűl beágyazott elemekre vonatkozik csupán. |
|
Médiatípusok
Név | Eszköz |
---|---|
all | Valamennyi eszköz |
screen | Képernyő |
tv | Televízió |
handheld | Kézi eszközök (kis képernyős, korlátozott sávszélesség) |
Nyomtató (nyomtatás előnézete) | |
projection | Projektor |
tty | Karakteres kiviteli eszköz, fix szélességű karakterekkel |
aural | Beszéd szintetizátor |
braille | Braille média |
Példa:
A példában a nyomtatóra megadott stílusdefiníció, a képernyőn történő megjelenítést nem befolyásolja.HTML kód
<!DOCTYPE html>
<html lang="hu">
<head>
…..
<link rel="stylesheet" type="text/css" href="f_5.css">
<style type="text/css" media="print">
body {
background-color:blue;
}
</style>
<style type="text/css" media="screen">
body {
color:red;
}
</style>
</head>
<body>
A külső stíluslap beállításait módosítjuk.
</body>
</html>
CSS kód
body {
font-size: 34px;
text-align: center;
}
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_css_belso_2.html