Beágyazott stílusok jellemzői

Belső vagy beágyazott stílusok jellemzői

Név	Érték	Leírás
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)
print	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