Css blokk tulajdonságok


Modell ábrázolása egy dokumentum formájában blokkok

A CSS képviselet használ okmánymintát vizuálisan elemek formájában téglalap alakú tömb, esetleg beágyazott.

CSS tulajdonságait a blokk:

szélesség: 400px;
padding: 10px;
margin: 20px;
border: black 2px szaggatott;
háttér: mokaszin;
float: right

Minden blokknak van egy adat tartalommal (szöveg, kép, stb), és lehet francia (padding), a határ (határ) és a mezők (margin). Releváns CSS tulajdonságok lehetővé teszik, hogy megvásárol egy blokkot a kívánt módon. Például egy egység, amely körül folyik ez a szöveg francia határ szélességet. Runaround van beállítva a float tulajdonság. de információt róla - a következő részben.

Az alábbi diagram, kivenni a CSS2 specifikáció, képviseli a relatív pozíciója mezők, keret és kitöltés:

egység Méretek

alapérték

blokk szélessége tartalom

auto,
méret,
százalékban (a szélessége a tartály)

tartalmi blokk magassága

auto,
méret,
százalékos (a tartályhoz képest magasság)

alapérték

margin-top
margin-right
margin-bottom
margin-left

Méret tábla területét a tömb körül
(Top, jobbra és lent, balra)

méret,
százalékban (a szélessége a tartály)

listáját a terület értékeit szóközzel elválasztva

padding-top
padding-right
padding-bottom
padding-left

Zóna mérete bemélyedés a blokkon belül
(Top, jobbra és lent, balra)

méret,
százalékban (a szélessége a tartály)

Rövid tulajdonság egyidejű francia

lista behúzás értékek, szóközzel elválasztva

border-top-width
border-jobb-width
border-bottom-szélesség
border-left-width

A méret a blokk határmező
(Top, jobbra és lent, balra)

méret,
vékony, közepes, vastag

Rövid tulajdonság egyidejű méretre blokk határmező

Határok értékek listája szélesség, szóközzel elválasztva

border-top-color
border-jobb színes
border-bottom-color
border-left-color

A szín a határ
(Top, jobbra és lent, balra)

az érték a szín

Rövid tulajdonság, hogy egyszerre a szín minden határon

Határok lista színértékkészletet, szóközzel elválasztva

border-top-style
border-jobb-style
border-bottom-style
border-left-style

Stílus határvonal
(Top, jobbra és lent, balra)

NB! A határ nem jelenik alapértelmezés megadása nélkül eszköze az ingatlan minden egyéb tulajdonságai a határ nem befolyásolja a kijelző egység

none (nincs)
pontozott (szaggatott vonal),
szaggatott (vonás-pont)
szilárd (tömör)
kettős (dupla szilárd)
horony (a süllyesztett határ)
Ridge (konvex határ)
süllyesztés (kidagadt blokk)
Előzetesen (konvex blokk)

Rövid tulajdonság egyidejű beállítására vonalvezetés minden határon

vonal stílusa értékeinek listáját, szóközzel elválasztva

border-top
border-jobbra
border-bottom
border-left

Verbatim tulajdonságokat egyszerre adja meg a szélesség, stílus és szín határok (felső, jobb, alsó, bal)

listáját szélességben, stílusok és színes vonalak, szóközzel elválasztva

Verbatim tulajdonságainak egyidejű beállítására szélesség, stílus és szín a határok

listáját szélességben, stílusok és színek a vonalak, szóközzel elválasztva; Ez alkalmazható minden határon