Schemat zastosowania:
<ZNACZNIK style="cecha 1:wartość; cecha2:wartość; itd">zawartość</ZNACZNIK>
Wybrane cechy stylów:
Cecha stylu |
Opis |
Przykładowe wartości |
background-color |
kolor tła elementu |
red #ffOOOO |
background-image |
adres obrazu tła graficznego |
urlfrys.gif') |
border-color |
kolor obramowania |
#CCFF33 |
border-width |
grubość obramowania |
2px |
border-style |
styl obramowania |
dotted dashed solid |
border border-left border-right border-top border-bottom |
całe obramowanie (grubość typ linii, kolor) ... albo osobno każda krawędź |
3px solid green 7px dotted #AA3399 |
color |
kolor czcionki tekstu |
yellow #669933 |
cursor |
wygląd kursora myszki |
hand crosshair |
font-family |
rodzaj oraz rodzina czcionki |
Arial sans-serif |
font-size |
wielkość czcionki |
14px |
font-style |
styl czcionki |
italic |
font-weight |
grubość (waga) czcionki |
bold |
height |
wysokość elementu |
23mm |
width |
szerokość elementu |
5cm |
margin-left margin-right margin-top margin-bottom |
marginesy zewnętrzne |
lOcm 100px |
text-align |
wyrównanie poziome tekstu |
left center right justify |
vertical-align |
wyrównanie pionowe tekstu |
top middle bottom |
text-decoration |
wygląd tekstu |
nonę underline blink |
Dla każdego znacznika można określić jego styl. Należy robić to sensownie, np. obrazek może mieć obramowanie, szerokość, a nie ma sensu dawać mu rozmiar czcionki.
Pełny opis możliwych do zastosowanie cech stylów znajduje się np. pod adresem: http://www.siens.pI/html/o/stvle.php
Zmiana wiersza wewnątrz akapitu - znacznik <BR /> UWAGA: - pojedynczy znacznik
Przykład:
<P> jakiś tekst <BR /> inny tekst </P>
Linie poziome - pusty znacznik <HR />
<HR style="width:800px;height:4px;color:red" />