Belső vagy beágyazott stílusok

Név	Angol eredete	Hatás	Jellemzők
<style>	Style	A HTML dokumentumon belüli stílusdefiníciók megadását teszi lehetővé.Páros címke.	Általános ; Események

A következő böngészők támogatják:

A külső stíluslap beállításait módosíthatjuk a beágyazott stílusdefinícióval, az aktuális weboldal egyedi jellemzőinek megfelelően.

Egyszerűbb weboldal esetén (pl. egy oldalas webhely) a külső stíluslapot akár el is hagyhatjuk.

Összetett webhely fejlesztésekor beágyazott stílusdeklarációkkal alakítható ki a főbb oldalak megjelenése. Ekkor csak egy-egy fájlt kell megfelelően elkészíteni. Ezt követően a stílusdeklarációk külső stíluslapokba helyezhetők át.

Egy HTML oldalon több < style> elem is elhelyezhető.

Példa:

HTML kód

 <!DOCTYPE html>
<html lang="hu"> 
   <head> 
...            
        <link rel="stylesheet" type="text/css" href="f_5.css">
        <style> 
            body { 
               background-color:#d0e4fe; 
            }  
        </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.html