|
Gyakori formázó címkék.
<h1>, <h2>, <h3>, <h4>,
<h5>, <h6>,
<p> <pre> <br />
<ul> <ol> <li>
<img /> <div> <table>
<blockquote> |
|
Címsor stílusok meghatározhatók:
- Közvetlen:
h1{font-size: 35px;}
- Egyedi azonosítóval:
#azonosító{font-size: 35px;}
- Osztályazonosítóval:
.azonosító{font-size: 35px;}
- Címsorokhoz, az összes
szövegformázásra, és
hivatkozásra jellemző
stílus, meghatározható.
Címsorokról bővebben,
kattints ide!
|
2. Bekezdés címke
<p>...</p> |
3. Normál, Dőlt, Ferde, Félkövér.
- Normál:
{ font-weight: normal;}
- Dőlt: <i> vagy
em{ font-style: italic;}
- Ferde:
{ font-style: oblique;}
- Félkövér: <b> vagy
strong{ font-weight: bold;}
|
4.Üres sorok.
<p> </p>
<td> </td> |
5.Szövegsor lezáró.
<br /> |
6.Sormagasság
{ line-height: 150% } |
7.Megjegyzési jelek
- XHTML lapon:
<!-- Megjegyzésünk -->
- Stíluslapon:
/* Megjegyzésünk.*/
- JavaScript:
// Egysoros.
/*Több soros.*/
|
8. Szöveg igazítás
- fentre:
text-align: top;
- középre:
text-align: center;
- jobbra:
text-align: right;
- lentre:
text-align: bottom;
- balra:
text-align: left;
- tetszés szerint:
padding: ..px;
margin: ..px;
- sorkizárt:
text-align:justify;
Értelme akkor van,
ha szövegfolyamunk,
több sorból áll.
|
9.Kiemelés
<span>...</span> |
10. Betűk, távolsága.
{letter-spacing: 1.8em;} |
11. Szavak, távolsága.
{ word-spacing: 20px; } |
12. Szöveg dekoració
(text-decoration:blink;)
{text-decoration:overline;}
{text-decoration:line-through;}
{text-decoration:underline;} |
13.Beljebb, vagy kijjebb
{text-indent: 60px;}
{text-indent: -60px;} |
14. Leütések megtartása
<pre> .. </pre> |
|
15. Kiemelés, vonallal.
{border: ... .... .... ;}
Áthúzás:
<del>......</del> |
16. Betűméret növelés.
<big>Szöveg</big> |
17.Visszafelé olvasható.
<bdo dir="rtl">
Szöveg
</bdo> |
18.Idézőjelekkel kijelölés.
<q>
Szöveg
</q> |
19.Betű stílus és változat.
Dőlt:
{ font-style: italic ; }
Normal:
{ font-style : normal ; }
Félkövér:
{font-weight: bold;}
Kis-kapitális:
{font-variant: small-caps; } |
Szöveg transzformálása:
Nagybetűre:
{text-transform:uppercase;}
Kisbetűre:
{text-transform:lowercase;}
Nagybetűre:
{text-transform:capitalize;} |
Mozgatandó szöveg.
<marquee>Szöveg</marquee> |
Vizuális elválasztó.
<hr></hr> |
