logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

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

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.