CSS parancsok
Ezen a listán a Cascading Style Sheet szabványos parancsait találod fajtánként csoportosítva. Megtalálod, hogy a parancs melyik CSS szabványban szerepel (CSS1 ill. CSS2), valamint hogy a parancsokat a Netscape Navigator illetve az Internet Explorer melyik verziójától érti.
| parancs |
leírása |
értéke |
magyarázat |
NN |
IE |
W3C |
| alapértelmezett aláhúzva |
| • HÁTTÉR |
fel... |
| background |
Háttér meghatározása |
"background-color
"background-image
"background-repeat
"background-attachment
"background-position
|
"háttér-szín
"háttér-kép
"háttér ismétlés
"background-attachment
"háttér kezdőpozíciója
| 4.0 |
4.0 |
CSS 1 |
| background-color |
Háttér szín |
transparent
color-rgb
color-hex
color-name |
átlátszó
szín pl:0,255,0
szín:pl:#00ff00
szín neve
|
4.0 |
4.0 |
CSS 1 |
| background-image |
Háttér kép |
none
url(kep.jpg)
|
nincs
külső fájlból behív |
4.0 |
4.0 |
CSS 1 |
| background-repeat |
Háttérkép
ismétlése |
repeat
repeat-x
repeat-y
no-repeat |
ismétel
vízsz. ism.
függ. ism.
nem ismétel |
4.0 |
4.0 |
CSS 1 |
| background-attachment |
Háttérkép fix
vagy a tartalommal
együtt gördül |
scroll
fixed |
együtt gördül
nem gördül |
6.0 |
4.0 |
CSS 1 |
| background-position |
Háttérkép pozicionálása.
ettől a ponttól kezdi a háttérképet
sorrend:
függ.poz, vízsz.poz. |
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-%
y-%
x-pos
y-pos |
fent, bal
fent, közép
fent, jobb
közép, bal
közép, közép
közép, jobb
lent, bal
lent, közép
lent, jobb
x-%
y-%
x-pos
y-pos |
6.0 |
4.0 |
CSS 1 |
| • KERETEK |
fel... |
| border |
Keretek |
"border-width
"border-style
"border-color
"border |
"keret szélessége
"keret stílusa
"keret színe
"keret helye |
4.0 |
4.0 |
CSS 1 |
| border-bottom |
Alsó keret |
border-bottom-width
border-style
border-color |
alsó keret
szélessége
alsó keret stílusa
alsó keret szín |
6.0 |
4.0 |
CSS 1 |
border-bottom-
color |
Alsó keret színe |
border-color |
keret színe |
6.0 |
4.0 |
CSS 2 |
border-bottom-
style |
Alsó keret stílusa |
border-style |
keret stílusa |
6.0 |
4.0 |
CSS 2 |
border-bottom-
width |
Alsó keret szélessége |
thin
medium
thick
length |
vékony
közepes
vastag
hossz |
4.0 |
4.0 |
CSS 1 |
| border-color |
Keret színe |
color |
szín |
6.0 |
4.0 |
CSS 1 |
| border-left |
Bal keret |
border-left-width
border-style
border-color |
bal keret széless.
bal keret stílusa
alsó keret színe |
6.0 |
4.0 |
CSS 1 |
| border-left-color |
Bal keret színe |
border-color |
keret színe |
6.0 |
4.0 |
CSS 2 |
| border-left-style |
Bal keret stílusa |
border-style |
keret stílusa |
6.0 |
4.0 |
CSS 2 |
| border-left-width |
Bal keret szélessége |
thin
medium
thick
length |
vékony
közepes
vastag
hossz |
4.0 |
4.0 |
CSS 1 |
| border-right |
Jobb keret |
border-right-width
border-style
border-color |
jobb keret széless.
jobb keret stílusa
jobb keret színe |
6.0 |
4.0 |
CSS 1 |
| border-right-color |
Jobb keret színe |
border-color |
keret színe |
6.0 |
4.0 |
CSS 2 |
| border-right-style |
Jobb keret stílusa |
border-style |
jobb keret stílusa |
6.0 |
4.0 |
CSS 2 |
| border-right-width |
Jobb keret szélessége |
thin
medium
thick
length |
vékony
közepes
vastag
hossz |
4.0 |
4.0 |
CSS 1 |
| border-style |
Keret stílusa |
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset |
nincs
hidden
pontozott vonal
szaggatott vonal
folytonos vonal
kettős vonal
3D süllyesztett
3D domború
3D beékelt
3D kiemelt |
6.0 |
4.0 |
CSS 1 |
| border-top |
Felső keret |
border-top-width
border-style
border-color |
keret széles. fent
keret stílusa fent
keret színe fent |
6.0 |
4.0 |
CSS 1 |
| border-top-color |
Felső keret színe |
border-color |
keret színe |
6.0 |
4.0 |
CSS 2 |
| border-top-style |
Felső keret stílusa |
border-style |
keret stílusa |
6.0 |
4.0 |
CSS 2 |
| border-top-width |
Felső keret szélessége |
thin
medium
thick
length |
vékony
közepes
vastag
hossz |
4.0 |
4.0 |
CSS 1 |
| border-width |
Keret szélessége |
thin
medium
thick
length |
vékony
közepes
vastag
hossz |
4.0 |
4.0 |
CSS 1 |
| • OSZTÁLYOZÓ TULAJDONSÁGOK |
fel... |
| clear |
Megadja, melyik oldalon nem lehetnek lebegő elemek |
none
left
right
both |
nincs
bal
jobb
mindkettő |
4.0 |
4.0 |
CSS 1 |
| cursor |
Egérmutató |
url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help |
url
auto
kereszt
default
szövegkurzor
nyíl 4 irányba
nyíl jobbra
nyíl fel-jobbra
nyíl fel-balra
nyíl felfelé
nyíl le-jobbra
nyíl le-balra
nyíl lefelé
nyíl balra
szövegkurzor
homokóra
kérdőjel |
6.0 |
4.0 |
CSS 2 |
| display |
Megadja, hogyan legyen ábrázolva a képernyőn/nyomtatón |
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption |
nincs
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption |
4.0 |
4.0 |
CSS 1 |
| float |
Helyzet egy másik elemhez képest |
none
left
right |
nincs
left
right |
4.0 |
4.0 |
CSS 1 |
| position |
Pozícionálás módja |
static
relative
absolute
fixed |
statikus
elem b-f sarkától
ablak b-f sarkától
rögzített |
4.0 |
4.0 |
CSS 2 |
| visibility |
Láthatóság |
visible
hidden
collapse |
látható
rejtett
collapse |
6.0 |
4.0 |
CSS 1 |
| • MÉRETEK |
fel... |
| height |
Magasság |
auto
length
% |
auto
hossz
% |
6.0 |
4.0 |
CSS 1 |
| line-height |
Sortávolság |
normal
number
length% |
normál
hossz
százalékos |
4.0 |
4.0 |
CSS 1 |
| max-height |
Legnagyobb magasság |
none
length
% |
nincs
hossz
% |
|
|
CSS 2 |
| min-height |
Legkisebb magasság |
length
% |
hossz
% |
|
|
CSS 2 |
| width |
Szélesség |
auto
%
length |
auto
%
hossz |
4.0 |
4.0 |
CSS 1 |
| max-width |
Legnagyobb szélesség |
none
length
% |
nincs
hossz
% |
|
|
CSS 2 |
| min-width |
Legkisebb szélesség |
length
% |
hossz
% |
|
|
CSS 2 |
| • BETŰK |
fel... |
| font |
Betűk |
"font-style
"font-variant
"font-weight
"font-size
"font-family
"caption
"icon
"menu
"message-box
"small-caption
"status-bar |
"betű stílus
"betű változat
"betű vastagság
"betű méret
"betű család
"caption
"icon
"menü
"message-box
"small-caption
"állapotsor |
4.0 |
4.0 |
CSS 1 |
| font-family |
Betűcsalád |
family-name
generic-family |
|
4.0 |
3.0 |
CSS 1 |
| font-size |
Betű méret |
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
% |
xx-small
x-small
small
közepes
nagy
x-large
xx-large
kisebb
nagyobb
méret
% |
4.0 |
3.0 |
CSS 1 |
| font-size-adjust |
|
none
number |
none
number |
|
|
CSS 2 |
| font-stretch |
Írás vastagság |
normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded |
normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded |
|
|
CSS 2 |
| font-style |
Betűstílus |
normal
italic
oblique |
normál
dőlt-italic
dőlt-oblique |
4.0 |
4.0 |
CSS 1 |
| font-variant |
Betűfajta |
normal
small-caps |
normal
kiskapitális |
6.0 |
4.0 |
CSS 1 |
| font-weight |
Betűvastagság |
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900 |
normal
vastag
vastagabb
vékonyabb
100
200
300
400
500
600
700
800
900 |
4.0 |
4.0 |
CSS 1 |
| • LISTÁK |
fel... |
| list-style |
Listafajták |
"list-style-type
"list-style-position
"list-style-image |
"lista típusa
"lista pozíciója
"listajelölő kép |
6.0 |
4.0 |
CSS 1 |
| list-style-image |
Kép listajelölőként |
none
url |
nincs
url |
6.0 |
4.0 |
CSS 1 |
| list-style-position |
Megadja a listajelölő helyzetét a tartalomhoz képest |
inside
outside |
inside
outside |
6.0 |
4.0 |
CSS 1 |
| list-style-type |
Megadja a listajelölő típusát |
none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha |
nincs
korong
gyűrű
kocka
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha |
4.0 |
4.0 |
CSS 1 |
| marker-offset |
|
auto
length |
|
|
CSS 2 |
| • MARGÓK |
fel... |
| margin |
Margó távolságok |
"margin-top
"margin-right
"margin-bottom
"margin-left |
"felső margó
"jobb margó
"alsó margó
"bal margó |
4.0 |
4.0 |
CSS 1 |
| margin-bottom |
Alsó margó |
alapért: 0
auto
length
% |
alapért: 0
auto
hossz
% |
4.0 |
4.0 |
CSS 1 |
| margin-left |
Bal margó |
alapért: 0
auto
length
% |
alapért: 0
auto
hossz
% |
4.0 |
3.0 |
CSS 1 |
| margin-right |
Jobb margó |
alapért: 0
auto
length
% |
alapért: 0
auto
hossz
% |
4.0 |
3.0 |
CSS 1 |
| margin-top |
Felső margó |
alapért: 0
auto
length
% |
alapért: 0
auto
hossz
% |
4.0 |
3.0 |
CSS 1 |
| • OUTLINES |
fel... |
| outline |
outline |
outline-color
outline-style
outline-width |
|
|
|
CSS 2 |
| outline-color |
Outline szín |
color
invert |
|
|
|
CSS 2 |
| outline-style |
Outline típus |
none
dotted
dashed
solid
double
groove
ridge
insetoutset |
|
|
|
CSS 2 |
| outline-width |
Outline vastagság |
thin
medium
thick
length |
|
|
|
CSS 2 |
| • SZEGÉLYEK KITÖLTÉSE |
fel... |
| padding |
Kitöltés |
"padding-top
"padding-right
"padding-bottom
"padding-left |
"felső kitöltés
"jobb kitöltés
"alsó kitöltés
"bal kitöltés |
4.0 |
4.0 |
CSS 1 |
| padding-top |
Kitöltés fent |
alapért: 0
length
% |
alapért: 0
hossz
% |
4.0 |
4.0 |
CSS 1 |
| padding-right |
Kitöltés jobbra |
alapért: 0
length
% |
alapért: 0
hossz
% |
4.0 |
4.0 |
CSS 1 |
| padding-bottom |
Kitöltés lent |
alapért: 0
length
% |
alapért: 0
hossz
% |
4.0 |
4.0 |
CSS 1 |
| padding-left |
Kitöltés balra |
alapért: 0
length
% |
alapért: 0
hossz
% |
4.0 |
4.0 |
CSS 1 |
| • POZÍCIONÁLÁS |
fel... |
| bottom |
Alulra igazít |
auto
%
length |
auto
%
length |
|
5.0 |
CSS 2 |
| clip |
Kivágás |
shape
auto |
shape
auto |
6.0 |
4.0 |
CSS 2 |
| left |
Balra rendez |
auto
%
length |
auto
%
length |
4.0 |
4.0 |
CSS 2 |
| overflow |
overflow |
visible
hidden
scroll
auto |
visible
hidden
scroll
auto |
6.0 |
4.0 |
CSS 2 |
| right |
Jobbra rendez |
auto
%
length |
auto
%
length |
|
5.0 |
CSS 2 |
| top |
Felülre rendez |
auto
%
length |
auto
%
length |
4.0 |
4.0 |
CSS 1 |
| vertical-align |
Függőleges igazítás |
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
% |
alapvonalhoz
alsó index
felső index
felülre
szöveg tetejéhez
középre
alulra
szöveg aljához
length
% | |