proprietăți bloc Css

Reprezentarea modelului unui document în formă de blocuri

Reprezentarea CSS folosește un document model de afișat vizual elemente sub formă de blocuri dreptunghiulare, eventual, imbricate.

proprietățile CSS ale blocului:

lățime: 400px;
padding: 10px;
margin: 20px;
frontieră: 2px punctate cu negru;
fundal: mocasini;
float: right

Fiecare bloc are un conținut de date (text, imagini, etc.) și pot avea liniuțe (umplutură), la frontieră (de frontieră) și câmpuri (marja). Proprietăți CSS relevante vă permit să cumpere un bloc într-o manieră dorită. De exemplu, o unitate care curge în jurul acestei liniuțe de text lățime câmp de frontieră. Runaround este setată proprietatea float. dar informații despre acesta - în secțiunea următoare.

Următoarea diagramă, preluată din specificația CSS2, reprezintă poziția relativă a câmpurilor, a frontierelor și padding:

Dimensiuni unitate

valoarea prestabilită

Bloc lățime Conținut

auto,
dimensiunea,
procentul (în raport cu lățimea containerului)

înălțimea blocului de conținut

auto,
dimensiunea,
procentul (în raport cu înălțimea containerului)

valoarea prestabilită

margin-top
margin-dreapta
margin-bottom
-Marginea din stânga

Zona câmp Dimensiune în jurul blocului
(Sus, dreapta, jos, stânga)

dimensiunea,
procentul (în raport cu lățimea containerului)

o listă de valori de câmp separate prin spații

padding-top
padding-dreapta
padding-bottom
-Padding la stânga

Zona indentare Dimensiune în cadrul blocului
(Sus, dreapta, jos, stânga)

dimensiunea,
procentul (în raport cu lățimea containerului)

proprietate prescurtare pentru liniuță simultană

lista valorilor indentare, separate prin spații

border-top-width
border-dreapta-lățime
border-bottom-width
stânga border-width

Mărimea zonei de delimitare bloc
(Sus, dreapta, jos, stânga)

dimensiunea,
subțire, mediu, gros

proprietate prescurtare pentru dimensionarea simultana zona bloc de delimitare

Lista Hotarele lărgime valori, separate prin spații

border-top-color
border-dreapta-culoare
border-bottom-culoare
la stânga-border-color

Culoarea frontierei
(Sus, dreapta, jos, stânga)

valoarea culorii

proprietate prescurtare pentru a seta simultan culoarea tuturor frontierelor

Lista Borders valorilor de culoare, separate prin spații

-Top-stil de frontieră
Stil de frontieră dreapta
-Bottom stil de frontieră
Stil stânga frontieră

linia de frontieră Stil
(Sus, dreapta, jos, stânga)

NB! limita nu este afișată în mod implicit, fără a specifica mijloacele de această proprietate toate celelalte proprietăți ale frontierei nu va afecta unitatea de afișare

nici unul (nu)
punctată (linia întreruptă),
punctată (liniuță-dot)
solid (solid)
dublu (dublu solid)
canelură (o margine adâncită)
creasta (de frontieră convexe)
platcă (blocul bombată)
început (bloc convex)

Proprietate prescurtare pentru stabilirea simultană a liniilor de stil ale tuturor frontierelor

Lista stil de linie de valori, separate prin spații

border-top
border-dreapta
border-bottom
-Chenarul din stânga

Proprietățile Verbatim pentru a specifica simultan lățime, stil, și frontierele de culoare (de sus, dreapta, jos, stânga)

o listă de lățimi, stiluri și linii de culoare, separate prin spații

Proprietățile Verbatim pentru stabilirea simultană a lățimii, stilul și culoarea chenarelor

o listă cu latimi, stiluri si culori de linii, separate prin spații; Se aplică tuturor frontierelor