CSS : Bekezdésünk első sorának formázása |
Bekezdésünk első sorának formázása
A CSS nyelvben a first-line (első sor) elemmel megadhatod a bekezdésed első soránának formázást, ezzel kiemelve azt. A CSS záró és nyitó elemei közé írd:
P:first-line
{ background-color: #cccccc;
color: #ff0000;
font-size: 8pt;
font-family: comic sans ms;
text-transform: uppercase;
text-decoration: none; }
background-color: a szöveg háttérszíne
color: betűd színe
font-size: betűméret
font-family: betűtípus
text-transform: nagybetű (uppercase), írhatod helyette még: capitalize: a szavak első betűje nagybetű, lowercase: a nagybetűket kisbetűvé alakítja, none: nincs transzformáció
text-decoration: a példánkban nincs (none), de megadhatod ezeket a helyére: underline (aláhúzott), overline (föléhúzott), line-through (áthúzott)
Értelemszerűen, ha valamelyik parancsra nincs szükséged, azt a sort töröld ki nyugodtan.
Hová rakjam a kódot?
A CSS-t általában bal/jobb oldalon lévő egyszerű modul forráskódjába rakjuk, viszont ezt a kódot nem ajánljuk így használni, hiszen akkor az oldaladon lévő összes bekezdésed első sora a megadott értékek szerint fog kinézni, az pedig nem biztos, hogy jól mutatna. Gondold át, mely szöveges tartalmadnál nézne ki jól ez a megjelenítés, s abba a modulba rakd csak, amelyikre szeretnéd, hogy vonatkozzon.
Megj.: figyelj oda, hogyha bal/jobb oldalon van olyan egyszerű modulod, amelybe írtál, s használtál entert (p), akkor arra a sorra is fog vonatkozni az itt megadott érték. SHIFT+ENTER használatakor a first-line nem működik, tehát, ahol nem szeretnéd az első sort kiemelni, ott a sima enter helyett nyomj kettő shift+entert.
|