HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Beágyazott stílusok jellemzői



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...) Chrome logó Firefox logó Safari logó Opera logó IE logó
type text/css A tartalom típusa. Chrome logó Firefox logó Safari logó Opera logó IE logó
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