A STYLE attribútum segítségével az egyes HTML tag-ek szintjén adhatunk meg stílusdefiníciókat. Használhatjuk minden <BODY>-ba illeszthető tag-ben, kivéve pl. a <SCRIPT>-et. Pl.

<P style="color: blue; font-family: 'Albertus Extra Bold', serif">Ez a szöveg kék színnel és Albertus Extra Bold betűtípussal fog megjelenni, ha az a látogató gépén telepítve van.</P>

Használatához az alábbi sornak is szerepelnie kell az oldal fejrészében:

<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

VIGYÁZAT!!! A STYLE attribútum használatával elveszthetjük oldalaink egységességét, pedig a stíluslapok alkalmazásának egyik célja pl. az egységes oldalkialakítás megvalósítása. CLASS attribútumA CLASS attriibútummal lehet megadni egy tag-nek, hogy melyik (stíluslapon definiált) osztályba tartozik. Pl. az oldal kódjába beágyaztuk az alábbi stílust:

P.figyelmeztetes { font-weight: bolder; color: red; background: white }

Ezt az adott bekezdésben így használhatjuk:

<P class=figyelmeztetes>
 Ez a figyelmeztetés fehér alapon, vastagabb piros betűkkel jelenik meg!
</P>

ID attribútumAz ID attribútum egyedi stílust adhat egy elemenek. Pl. az oldal kódjába beágyaztuk az alábbi stílust (minden ID-azonosítónak egyedi nevűnek kell lennie a dokumentumban):

#larger1 { font-size: larger }

Ezt az adott elemnél így használhatjuk:

<P id="larger1"> Ezt most nagyobb betűkkel írtuk!</P>

A szerző honlapja: http://fodorsi.ini.hu

Harder

Harder

Profil