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
%
4.0 4.0 CSS 1
z-index Sorrend auto
number
auto
number
6.0 4.0 CSS 2
• TÁBLÁZATOK fel...
border-collapse keret modell collapse
separate
collapse
separate
6.0 5.0 CSS 2
border-spacing Keret távolsága length length hossz hossz 6.0 5.5 CSS 2
caption-side Táblázatcím pozíciója top
bottom
left
right
fent
lent
balra
jobbra
6.0 5.5 CSS 2
empty-cells Üres cellák kezelése show
hide
látható
rejtett
5.5 CSS 2
table-layout Táblázat struktúra auto
fixed
auto
fixed
6.0 5.0 CSS 2
• SZÖVEG TULAJDONSÁGOK fel...
color Szöveg szín color szín 4.0 4.0 CSS 1
letter-spacing Betűk közötti távolság normal
hossz
normal
length
6.0 4.0 CSS 1
text-align Szöveg igazítás left
right
center
justify
balra
jobbra
középre
sorkizárt
4.0 4.0 CSS 1
vertical-align Függőleges igazítás baseline
sub
super
top
text-top
middle
bottom
text-bottom
x %
alapvonalhoz
alsó index
felső index
fent
szöveg tetejéhez
középre
alulra
szöveg aljához
százalékos
- - -
text-decoration Szövegdíszítés none
underline
overline
line-through
blink
nincs
aláhúzott
föléhúzott
áthúzott
villogó
4.0 4.0 CSS 1
text-indent Első sor behúzása none
length
%
nincs
hossz
%
4.0 4.0 CSS 1
text-shadow Árnyékolás none
color
length
nincs
szín
hossz
CSS 2
text-transform Betűk fajtája none
capitalize
uppercase
lowercase
nincs
1.Kar. Nagybetű
NAGYBETŰKKEL
kisbetűkkel
4.0 4.0 CSS 1
unicode-bidi Írás iránya normal
embed
bidi-override
5.0 CSS 2
white-space Üres hely normal
pre
nowrap
normál
pre
nowrap
4.0 5.5 CSS 1
word-spacing Szóköz szélessége normal
length
normál
hossz
6.0 6.0 CSS 1

A lista az esusoft.de webhelyen található hasonló felsorolás tartalmának felhasználásával készült.
Ha hibát találsz ebben a listában, kérlek itt jelezd, hogy kijavíthassam.


fel...


ThomasWebMűhely
(c)Katona Tibor
2001-2002