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

Kapcsolódó bejegyzések:
  • Font Family: betűcsalád (típus) megadása. Több betűtípus is megadható egymás után, melyeket vesszővel kell elválasztani. Pl.P { font-family: “Times New Rom …

  • Ezt a tag-et azért találták ki, hogy stílust olyan elemeknek, szövegrészeknek is lehessen adni, amelyek beállítására hagyományosan más mód nincsen. Használhatjuk …

  • Egy tag-hez készíthetünk több különböző, ún. stílusosztályt is: a tag neve után egy ponttal elválasztva adjuk meg az osztály nevét (módosítót), pl.code.ht …

  • A minap újfent bebizonyosodott, hogy a CSS segítségével milyen jó dolgokat lehet elérni a weben. :) Listát kellett formázni hogy a legördülő tartalom vmi struktú …

  • Felmerült egy kérdésként, hogy lehetne egy login oldal tartalmánál (belépési név és jelszót kell megadni) jelezni a felhasználók számára azt, hogy melyik mező mi …

A cikket beküldte: Harder (http://blog.harder.hu)

Szólj hozzá
a 13 – STYLE attribútum c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>