Pary_anime
Tu znajduj± siê kompedium CSS
font-family Krój czcionki
Dowolna nazwa czcionki (np. verdana), je¿eli jest wielowyrazowa, to musi zostaæ ujêta w (najlepiej pojedynczy) cudzys³ów np. 'hollywood hills'
font-size Wielko¶æ czcionki
W jednostkach (np. 11px), w procentach, xx-small, x-small, small, medium, large, x-large, xx-large, larger, smaller
font-weight Grubo¶æ czcionki
normal, bold, bolder, lighter, liczba: 100-900
font-style Okre¶la czy czcionka jest pisana kursyw± czy nie
normal, italic, oblique
font-variant Kapitaliki czy zwyk³a czcionka
normal, small-caps
color Kolor tekstu
Nazwa angielska albo warto¶æ szesnastkowa.
text-decoration Dekoracja tekstu
none, underline, overline, line-through, blink
text-transform
Transformacja tekstu none, capitalize, uppercase, lowercase
text-align Wyrównanie tekstu
left, center, right, justify
text-indent Wciêcie tekstu
Dowolna warto¶æ procentowa lub wyra¿ona w jednostkach (np. 10pt)
line-height Odstêp pomiêdzy wierszami
normal, dowolna warto¶æ procentowa lub wyra¿ona w jednostkach (np. 10pt)
letter-spacing Odstêp miêdzy literami
normal, dowolna warto¶æ procentowa lub wyra¿ona w jednostkach (np. 1cm)
word-spacing Odstêp miêdzy wyrazami
normal, dowolna warto¶æ procentowa lub wyra¿ona w jednostkach (np. 1cm)
vertical-align Pionowe wyrównanie tekstu
baseline, sub, super, top, text-top, middle, bottom, text-bottom, wielko¶æ wyra¿ona w procentach
white-space Okre¶la, w jaki sposób maj± byæ wy¶wietlane spacje
normal, pre, nowrap
margin-left Wielko¶æ lewego marginesu
auto, dowolna warto¶æ wyra¿ona w jednostkach (np. 2em) lub procentach
margin-right Wielko¶æ prawego marginesu
auto, dowolna warto¶æ wyra¿ona w jednostkach (np. 2em) lub procentach
margin-top Wielko¶æ górnego marginesu
auto, dowolna warto¶æ wyra¿ona w jednostkach (np. 2em) lub procentach
margin-bottom Wielko¶æ dolnego marginesu
auto, dowolna warto¶æ wyra¿ona w jednostkach (np. 2em) lub procentach
padding-left Wielko¶æ lewego wewnêtrznego marginesu
Dowolna warto¶æ wyra¿ona w jednostkach (np. 2em) lub procentach
padding-right Wielko¶æ prawego wewnêtrznego marginesu
Dowolna warto¶æ wyra¿ona w jednostkach (np. 2em) lub procentach
padding-top Wielko¶æ górnego wewnêtrznego marginesu
Dowolna warto¶æ wyra¿ona w jednostkach (np. 2em) lub procentach
padding-bottom Wielko¶æ dolnego wewnêtrznego marginesu
Dowolna warto¶æ wyra¿ona w jednostkach (np. 2em) lub procentach
background-color Kolor t³a
Nazwa angielska, warto¶æ szesnastkowa lub transparent (przezroczysto¶æ). Wiêcej o kolorach...
background-image Rysunek w tle
none lub url(nazwa_pliku)
background-attachment Okre¶la, czy t³o ma byæ przewijane wraz z tekstem czy nie.
scroll, fixed
background-repeat Powtarzanie siê t³a
repeat, no-repeat, repeat-x, repeat-y
background-position Pozycja t³a
Dowolna warto¶æ procentowa lub wyra¿ona w jednostkach, left, right, center, bottom, top
border-color Kolor obramowania
Nazwa angielska lub warto¶æ szesnastkowa. Wiêcej o kolorach...
border-style Styl obramowania
none - domy¶lnie, dotted - kropki, dashed - linie przerywane, solid - linia ci±g³a, double - podwójne, Groove - efekt 3D, Ridge - efekt 3D, Inset - efekt3D, Outset - efekt3D
border-color Kolor obramowania
Nazwa angielska lub warto¶æ szesnastkowa. Wiêcej o kolorach...
border-width Grubo¶æ obramowania
W jednostkach, thin, medium, thick
border-left Cechy lewego obramowania
W jednostkach, thin, medium, thick, dowolny kolor oraz to co w border-style
border-right Cechy prawego obramowania
W jednostkach, thin, medium, thick, dowolny kolor oraz to co w border-style
border-top Cechy górnego obramowania
W jednostkach, thin, medium, thick, dowolny kolor oraz to co w border-style
border-bottom Cechy dolnego obramowania
W jednostkach, thin, medium, thick, dowolny kolor oraz to co w border-style
list-style-type Typ markera (domy¶lnie kropka)
disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none
list-style-image Obrazek jako marker
url(nazwa_obrazka), none
list-style-position Pozycja tekstu w stosunku do markera
outside, indise
outline-color kolor obrysu
outline-style styl obrysu
outline-width szeroko¶æ obrysu
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-arrow-color
scrollbar-track-color
Warto¶ci: nazwa koloru (np. blue) RGB ( #115E8D), url (plik graficzny, np. "obrazek.gif")
overflow pasek przewijania
overflow-y pionowy pasek przewijania
overflow-x poziomy pasek przewijania
Warto¶ci: hidden , auto
pt - punkty (np. wielko¶æ czcionki)
pc - pica (czyli 12pt, np. wielko¶æ czcionki)
px - piksele (np. wielko¶æ czcionki)
cm - centymetry (np. wsielko¶æ czcionki czy margines)
in - cal (ok. 2,5 cm, np. wielko¶æ czcionki czy margines)
xx-small - wielko¶æ czcionki, najmniejsza
x-small - wielko¶æ czcionki
small - wielko¶æ czcionki
medium - wielko¶æ czcionki
large - wielko¶æ czcionki
x-large - wielko¶æ czcionki
xx-large - wielko¶æ czcionki, najwiêksza
% - procenty (np. margines czy wielko¶æ czcionki)
red - kolor (czerwony, nazwa angielska, np. kolor t³a)
#FF0000 (czerwony, warto¶æ szesnastkowa, np. kolor t³a)
none - nic (np. dekoracja tekstu, czy styl obramowania)
dashed - tylko styl obramowania
dotted - tylko styl obramowania
solid - tylko styl obramowania
double - tylko styl obramowania
groove - tylko styl obramowania
ridge - tylko styl obramowania
inset - tylko styl obramowania
outset - tylko styl obramowania
italic - pochylenie (tylko styl czcionki)
bold - pogrubienie (tylko waga czcionki)
bolder - wiêksze pogrubienie (tylko waga czcionki)
lighter - cieñsza czcionka (tylko waga czcionki)
underline - podkre¶lenie (tylko dekoracja tekstu)
overline - nadkre¶lenie (tylko dekoracja tekstu)
line-through - przekre¶lenie (tylko dekoracja tekstu)
normal - warto¶æ domy¶lna (np. styl lub wariant czcionki)
small-caps - kapitaliki (wariant czcionki)
100 - warto¶æ liczbowa, np. 100 (np. waga czcionki)
disc - ko³o (tylko styl wykazu)
circle - okr±g (tylko styl wykazu)
square - kwadrat (tylko styl wykazu)
decimal - cyfry (tylko styl wykazu)
lower-roman - ma³e cyfry rzymskie (tylko styl wykazu)
upper-roman - du¿e cyfry rzymskie (tylko styl wykazu)
lower-alpha - ma³e litery (tylko styl wykazu)
upper-alpha - du¿e litery (tylko styl wykazu)
repeat - powtarzanie (tylko powtarzalno¶æ t³a)
repeat-x - obrazek powtarzany jest poziomo
repeat-y - obrazek powtarzany jest pionowo
no-repeat - brak powtarzania (tylko powtarzalno¶æ t³a)
fixed - t³o nieruchome na ekranie (tylko zaczepienie t³a)
scroll - t³o przewijane razem z tekstem (tylko zaczepienie t³a)
top - góra (np. pozycja t³a lub tabeli)
left - lewo (np. pozycja t³a lub tabeli)
right - prawo (np. pozycja t³a lub tabeli)
bottom - dó³ (np. pozycja t³a lub tabeli)
Zwróæ uwagê na kolejno¶æ
a:link {cecha: warto¶æ; cecha: warto¶æ} - wygl±d odsy³acza na stronie
a:visited {cecha: warto¶æ; cecha: warto¶æ} - wygl±d odwiedzonego hiper³±cza
a:hover {cecha: warto¶æ; cecha: warto¶æ} - link po najechaniu myszk±
a:active {cecha: warto¶æ; cecha: warto¶æ} - link aktywny
