Body-ban használt tulajdonságok |
háttérszín |
background-color |
#fffffff vagy #fff |
|
|
|
rgb(100%,100%,100%) |
|
|
|
rgb(255,255,255) |
|
|
|
green |
|
háttérkép |
background-image |
url(idejönahatterurlcíme.jpg) |
|
hátérkép ismétlődése |
background-repeat |
repeat (ismétlődés) |
|
|
|
no-repeat (nincs ismétlődés) |
|
|
|
repeat-x (ismétlődés vízszintesen) |
|
|
|
repeat-y (ismétlődés függőlegesen) |
|
háttérképhelyzete |
background-position |
top (felső) |
|
|
|
center (közép) |
|
|
|
bottom (alsó) |
|
|
|
left (bal) |
|
|
|
right (jobb) |
|
|
|
80% 30% (pozíció %-ban) |
|
háttérkép csatolása |
background-attachment |
scroll (görgetősávval együtt mozog) |
|
|
|
fixed (nem követi a görgetősávot, fix) |
|
margók |
margin |
|
|
|
margin-top |
|
|
|
margin-right |
|
|
|
margin-bottom |
|
|
|
margin-left |
|
|
Betű és bekezdések tulajdonságai |
szóközök |
word-spacing |
|
|
betűközök |
letter-spacing |
|
|
sortávolság |
line-height |
|
|
szövegdekoráció |
text-decorartion |
|
|
függőleges szövegelrendezés |
vertical-align |
sub (felső) |
|
|
|
sup (lent) |
|
|
|
top (teteje) |
|
|
|
middle (középen) |
|
|
|
bottom (alsó) |
|
Kényszerített ksi és nagybetűk |
text-transzform |
none (nincs) |
|
|
|
uppercase (nagybetű) |
|
|
|
lowercase (kisbetű) |
|
|
|
capitalize (kiskapitális) |
|
igazítás |
text-align |
left (bal) |
|
|
|
right (jobb) |
|
|
|
center (közép) |
|
|
|
justify (sorkizárt) |
|
első sor behúzása |
text-indent |
pl.: 3em |
|
betű család |
font-family |
pl.: Arial |
|
betű szín |
color |
#fffffff vagy #fff |
|
|
|
rgb(100%,100%,100%) |
|
|
|
rgb(255,255,255) |
|
|
|
green |
|
betű méret |
font-size |
pl.: 1em, 12px |
|
betű stílusa |
font-style |
italic (dőlt) |
|
|
|
oblique (ferde) |
|
|
|
normal (normál) |
|
vastag betű |
font-weight |
bold (vastag) |
|
betű típus |
font |
pl.: 12 px Arial |
|
betűváltozat |
font-variant |
small-caps (kiskapitális) |
|
Szövegek megjelenítése |
megjelenítés |
display |
none (nincs) |
|
|
|
inline (egysorban jelenjen meg) |
|
|
|
block (függőlegesen jelenjen meg) |
|
|
|
inline-block (szövegközi tömb) |
|
|
|
list-item (lista elem) |
|
|
|
run-in (befutó) |
|
|
|
table (táblázat) |
|
|
|
inline-table (szöveg közi táblázat) |
|
|
|
table-row-group (táblázatsor-csoport) |
|
|
|
table-row (táblázatsor) |
|
|
|
table-column (táblázatoszlop) |
|
|
|
table-cell (táblázatcella) |
|
|
|
table-caption (táblázatcím) |
|
legkisseb szélesség |
min-width |
100px vagy 10em vagy 90% |
|
legnagyobb szélesség |
max-width |
100px vagy 10em vagy 90% |
|
Doboz tulajdonságai |
Ha a dobozokról beszélünk akkor előtte ezeket a fogalmakat tisztáznunk kell: |
|
Tartalom: ez lehet kép, szöveg stb. |
|
Padding: Belső margó. A szegély és a tartalom távolsága (Átlátszó) |
|
Border: Szegély |
|
Margin: A szegély és a külvilág közötti távolság (Átlátszó) |
|
doboz szélessége |
width |
800 px |
|
doboz magassága |
height |
15 px |
|
padding (belső margó) |
padding |
pl.: 2px 3px 4px 5px |
|
|
padding-top |
felső margó |
|
|
padding-right |
jobboldali margó |
|
|
paddig-bottom |
alsó margó |
|
|
paddig-left |
baloldali margó |
|
szegély |
border |
pl.: 2px dotted #ccc |
|
|
border-top |
(vastagság, szegély stílus, szín) |
|
|
border-right |
|
|
|
border-bottom |
|
|
|
border-left |
|
|
szegély szélessége |
border-width |
thin (vékony) |
|
|
border-top-width |
medium (közepes) |
|
|
border-right-width |
thick (vastag) |
|
|
border-bottom-width |
|
|
|
border-left-with |
|
|
szegély stílusa |
border-style |
none (nincs) |
|
|
border-top-style |
hidden (rejtett) |
|
|
border-right-style |
solid (folytonos) |
|
|
border-bottom-style |
dotted (pontozott) |
|
|
border-left-style |
dashed (szaggatott) |
|
|
|
double (dupla) |
|
|
|
groove (bemélyített) |
|
|
|
ridge (domború) |
|
|
|
inset (süllyesztett) |
|
|
|
outset (kiemelkedő) |
|
szegély szín |
border-color |
#fffffff vagy #fff |
|
|
border-top-color |
rgb(100%,100%,100%) |
|
|
border-right-color |
rgb(255,255,255) |
|
|
border-bottom-color |
green |
|
|
border-left-color |
|
|
margók |
margin |
pl.: 2px 3px 4px 5px |
|
|
margin-top |
|
|
|
margin-right |
|
|
|
margin-bottom |
|
|
|
margin-left |
|
|
helyzet megadása |
position |
absolute (kiemeli a szövegből egy adott pozícióba) |
|
|
|
fixed (marad ugyanabban a pozícióban) |
|
|
|
relative (szövegfolyamban előtte lévőhöz képest) |
|
úsztatás |
float |
left (bal) |
|
|
|
right (jobb) |
|
Felsorolások tulajdonságai |
lista típus (ul: felsorolás) |
list-style-type |
none (ne jelenjen meg) |
|
|
|
disc (teli kör) |
|
|
|
circre (üres kör) |
|
|
|
square (négyzet) |
|
lista típus (ol: sorszámozott) |
list-style-type |
decimal (arab számok) |
|
|
|
none (ne jelenjen meg) |
|
|
|
decimal-leading-zero (számozás nullával kezdődik) |
|
|
|
upper-alpha (nagybetű) |
|
|
|
lower-alpha (kisbetű) |
|
|
|
upper-roman (nagy római szám) |
|
|
|
lower-roman (kis római szám) |
|
listához használható kép |
list-style-type |
none (ne jelenjen meg) |
|
|
|
kepek/kep.jpg |
|
lista jelölő pozíciója |
list-style-position |
indise (kilógás nélkül) |
|
|
|
outside (kilógó) |
|
lista elhelyezkedése |
display |
inline (egysorban) |
|
Álosztály kijelölők |
:link (hivatkozás) |
|
minden href jellemzővel ellátott horgony |
|
:visited (felkeresve) |
|
minden felkeresett horgony |
|
:hover (fölötte álva) |
|
amikor az egeret rávisszük |
|
:active (használatban) |
|
az egérgomb lenyomása közben |
|
|