CSS tulajdonság

Magyar megfelelő

Érték(ek)

Példa

color

szövegszín

Szín neve vagy kódja

color: red;

background-attachment

háttérminta-parancs

fixed (vízjel)

scroll (gördül)

background-color

háttérszín

Szín neve vagy kódja

transparent (átlátszó / öröklődő)

background-color: yellow;

background-image

háttérkép

Kép URL-je vagy none (semmi).

background-image: url('valami.jpg');

background-repeat

háttérkép ismétlődése

repeat (ismétlődés/alapeset)

repeat-x (csak vízszintesen)

repeat-y (csak függőlegesen)

no-repeat (nincs ismétlődés)

background-repeat: repeat-y;

background-position-x

Háttérkép vízszintes pozíciója

length (hosszúság)

percentage (%)

left (balra)

center (középre)

right (jobbra)

background-position-x: 25%;

background-position-y

Háttérkép függőleges pozíciója

length (hosszúság)

percentage (%)

left (balra)

center (középre)

right (jobbra)

background-position-y: 2cm;

background-position

Háttérkép pozíciója

length (hosszúság)

percentage (%)

left (balra)

center (középre)

right (jobbra)

background-position: 25% 2cm;

background

A teljes háttér

Előzőek összesen!

Sorrend: background: background-color || background-image || background-repeat || background-attachment || background-position

background: yellow url('valami.jpg') repeat-y fixed 25% 2 cm;

CSS tulajdonság

Magyar megfelelő

Érték(ek)

Példa

border-top-width

Felső határ szélessége

thin (vékony)

medium (közepes)

thick (vastag)

szám/mértékegység

border-bottom-width

Alsó határ szélessége

thin (vékony)

medium (közepes)

thick (vastag)

szám/mértékegység

border-right-width

Jobb oldali határ szélessége

thin (vékony)

medium (közepes)

thick (vastag)

szám/mértékegység

border-right-width: thick;

border-left-width

Bal oldali határ szélessége

thin (vékony)

medium (közepes)

thick (vastag)

szám/mértékegység

border-left-width: thin;

border-width

Elem határai

Sorrend: felső, jobb, alsó, bal.

thin (vékony)

medium (közepes)

thick (vastag)

szám/mértékegység

border-width: 1cm thick 1cm thin;

border-top-color

Felső határ színe

Szín neve vagy kódja

border-top-color: red;

border-bottom-color

Alsó határ színe

Szín neve vagy kódja

border-bottom-color: #ABCD34;

border-right-color

Jobb oldali határ színe

Szín neve vagy kódja

border-right-color: green;

border-left-color

Bal oldali határ színe

Szín neve vagy kódja

border-left-color: blue;

border-color

Határok színe

Sorrend: felső, jobb, alsó, bal.

Szín neve vagy kódja

border-color: red green #ABCD34 blue;

border-top-style

Felső határ típusa

none (semmi; alapértelmezett)

dotted (pontozott)

dashed (szaggatott)

solid (sima vonal)

double (dupla vonal)

3-dimenziós kerettípusok paraméterei: groove, ridge, inset, outset, window-inset, hidden (nem mindenhol!)

border-top-style: dotted;

border-bottom-style

Alsó határ típusa

Mint a felsőnél!

border-bottom-style: dashed;

border-right-style

Jobb oldali határ típusa

Mint a felsőnél!

border-right-style: double;

border-left-style

Bal oldali határ típusa

Mint a felsőnél!

border-left-style: groove;

border-style

Határ típusai

Sorrend: felső, jobb, alsó, bal.

Mint a felsőnél!

border-style: dotted double dashed groove;

border-top

Felső határ paraméterei

Sorrend: width, style, color.

Paraméterek: mint fent!

border-top: 2mm groove red;

border-bottom

Alsó határ paraméterei

Sorrend: width, style, color.

Paraméterek: mint fent!

border-bottom: 10pt dashed gray;

border-right

Jobb oldali határ paraméterei

Sorrend: width, style, color.

Paraméterek: mint fent!

border-right: 0.3in dotted blue;

border-left

Bal oldali határ paraméterei

Sorrend: width, style, color.

Paraméterek: mint fent!

border-left: 1cm ridge black;

border

Elem határai

Sorrend: width, style, color.

Paraméterek: mint fent!

-

CSS tulajdonság

Magyar megfelelő

Érték(ek)

Példa

clear

Lebegő elemek eltüntetése

none (semmi)

left (balról)

right (jobbról)

both (mindkét oldalról)

layoutFlow

Tartalom írásiránya.

Nem minden támogatja!

none (alapértelmezett)

left (balról)

right (jobbról)

layoutGridChar

Karakterek közti üres hely. Nem minden támogatja!

none (alapértelmezett)

auto (legnagyobb karakterméret)

...%

...méret

layoutGridLine

Sorok közti üres hely. Nem minden támogatja!

none (alapértelmezett)

auto (legnagyobb karakterméret)

...%

...méret

layoutGridMode

Tartalmi elemek rendezése. Nem minden támogatja!

line (csak sorban van rendezve)

char (csak karakter-szerint van rendezve)

both (mindkettő rendezés egyszerre)

none (alapértelmezés; nincs üres hely)

layoutGridType

Tartalmi elemek rendezési típusa.

Nem minden támogatja!

loose (alapértelmezés; főleg japán és koreai nyelvnél használt)

strict (egyaránt használt a kínai, a genko-japán és a koreai nyelveknél)

fixed (egyéb ázsiai nyelveknél, illetve azonos távsort kívánó írásmódnál)

layoutGrid

A szöveg rendezési típusainak összesítése. Nem minden támogatja!

Paraméterek: lásd az előző négy paramétert!

margin-top

Elem felső margója.

hosszúság

...%

auto (alapértelmezett)

margin-right

Elem jobb oldali margója.

hosszúság

...%

auto (alapértelmezett)

margin-right: 5%;

margin-bottom

Elem alsó margója.

hosszúság

...%

auto (alapértelmezett)

margin-bottom: 1cm;

margin-left

Elem bal oldali margója.

hosszúság

...%

auto (alapértelmezett)

margin-left: 3mm;

margin

Elem margója. Sorrend: felső, jobb, alsó, bal.

Paraméter: mint fent!

padding-top

Szükséges hely az objektum teteje és egyéb tartalom között.

hosszúság

...%

auto (alapértelmezett)

padding-top: 20px;

padding-right

Szükséges hely az objektum jobb oldala és egyéb tartalom között.

hosszúság

...%

auto (alapértelmezett)

padding-right: 2mm;

padding-bottom

Szükséges hely az objektum alja és egyéb tartalom között.

hosszúság

...%

auto (alapértelmezett)

padding-bottom: 23%;

padding-left

Szükséges hely az objektum bal oldala és egyéb tartalom között.

hosszúság

...%

auto (alapértelmezett)

padding-left: 2cm;

padding

Szükséges hely az objektum és egyéb tartalom között. Sorrend: felső, jobb, alsó, bal.

Paraméter: mint fent!

scrollbar-3dlight-color

Gördítő sáv 3D-s megvilágított színei. Nem minden támogatja!

Szín neve vagy kódja

scrollbar-arrow-color

Gördítő sáv nyilainak színe. Nem minden támogatja!

Szín neve vagy kódja

scrollbar-arrow-color: #BB00CC;

scrollbar-base-color

Gördítő sáv alapszíne. Nem minden támogatja!

Szín neve vagy kódja

scrollbar-base-color: #C23;

scrollbar-darkshadow-color

Gördítő sáv sötét háttérszíne. Nem minden támogatja!

Szín neve vagy kódja

scrollbar-face-color

Gördítő tégla színe az oldalsávon. Nem minden támogatja!

Szín neve vagy kódja

scrollbar-face-color: black;

scrollbar-highlight-color

Gördítő sáv háttérszíne. Nem minden támogatja!

Szín neve vagy kódja

scrollbar-shadow-color

Gördítő sáv 3D-s háttérszíne. Nem minden támogatja!

Szín neve vagy kódja

scrollbar-track-color

Gördítő sávok közötti tér színét adja meg. Nem minden támogatja!

Szín neve vagy kódja

table-layout

Egyes elemek szélessége. Csak a következő elemeknél használható: currentStyle, runtimeStyle, style, TABLE.

auto (alapértelmezés, max. lehetséges szélesség)

fixed (adott széles oszlopok)

zoom

Nagyítás. Csak a következő elemeknél használható: currentStyle, runtimeStyle, style, TABLE.

normal (1-szeres nagyítás, alapértelmezés)

nagyítás (pl.: % vagy méret)