13 – STYLE attribútum

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:

1
<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útum

A 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:

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

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

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

ID attribútum

Az 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):

1
#larger1 { font-size: larger }

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

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

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

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét