Blokový model v CSS:
Blokový model v CSS:
Vlastnosti textu Vlastnost
Hodnoty
Standardní hodnota
Aplikuje se na
Dědí se
Popis
word-spacing
normal, délka
normal
všechny elementy
ano
o kolik se zvětší mezera mezi slovy
letter-spacing
normal, délka
normal
všechny elementy
ano
o kolik se zvětší mezera mezi písmeny
text-decoration
none, underline, overline, linethrought, blink
none
všechny elementy
ne
ozdoba textu, podtržení nadtržení, blikání
vertical-align
baseline. sub, super, top, texttop, middle, bottom, textbottom, procenta
baseline
inline elementy
ne
vertikální zarovnání
text-transform
capitalize, uppercase, lowercase, none
none
všechny elementy
ano
zobrazení písma kapitálkami, malými a velkými písmeny
text-align
left, right, center, justify
podle prohlížeče
blokové elementy
ano
zarovnání textu
text-idented
délka, procento
0
blokové elementy
ano
velikost odstavcové zarážky
line-height
normal, délka, procenta, číslo
normal
všechny elementy
ano
výška řádky číslo udává násobek velikosti písma
Vlastnosti písma Vlastnost
Standardní hodnota
Aplikuje se na
Dědí se
Popis
seznam písem podle prohlížeče
všechny elementy
ano
rodina písma
font-style
normal, italic, oblique
normal
všechny elementy
ano
styl písma
font-variant
normal, smallcaps
normal
všechny elementy
ano
varianta písma
font-weight
normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900
normal
všechny elementy
ano
síla písma(tloušťka)
font-size
procenta, délky, xx-small, x-small, small, medium, large, x-large, xxlarge, larger, smaller
medium
všechny elementy
ano
velikost písma
font
všechny výše uvedené vlastnosti
standardní hodnoty všech vlastností písma
všechny elementy
ano
kompletní nastavení písma
font-family
Hodnoty
Vlastnosti barev a pozadí Vlastnost
Hodnoty
Standardní hodnota
Aplikuje se na
Dědí se
Popis
color
barva
podle prohlížeče
všechny elementy
ano
barva textu
background color
barva, transparent
trnsparent
všechny elementy
ne
barva pozadí
background image
URL, none
none
všechny elementy
ne
obrázek na pozadí
background repeat
repeat, repeat-x, repeat-y, no-repeat
ne
směr ve kterém se bude obrázek na pozadí stránky opakovat
repeat
všechny elementy
background attachment
scroll, fixed
scroll
všechny elementy
ne
scroll pozadí se pohybuje se stránkou, fixed pozadí se nepohybuje
background position
procenta, délky(1,2), top, center, bottom, left, center, right
top left (0%0%)
blokové a nahrazované elementy
ne
umístění obrázku na pozadí uvádí se pozice xay
background
všechny výše uvedené vlastnosti
standardní hodnoty všech vlastností barev a pozadí
všechny elementy
ne
kompletní nastavení barev a pozadí
Vlastnosti boxů Vlastnost
Hodnoty
Standardní hodnota
Aplikuje se na
Dědí se
Popis
margin-top
délka, procento, auto
0
všechny elementy
ne
velikost horního vnějšího okraje
margin-right
délka, procento, auto
0
všechny elementy
ne
velikost pravého vnějšího okraje
margin-bottom
délka, procento, auto
0
všechny elementy
ne
velikost dolního vnějšího okraje
margin-left
délka, procento, auto
0
všechny elementy
ne
velikost levého vnějšího okraje
margin
délka, procento, auto
standardní hodnoty velikostí vnějších okrajů
všechny elementy
ne
kompletní nastavení vnějších okrajů
padding-top
délka, procento
0
všechny elementy
ne
velikost horního vnitřního okraje
padding-bottom
délka, procento
0
všechny elementy
ne
velikost dolního vnitřního okraje
padding-left
délka, procento
0
všechny elementy
ne
velikost levého vnitřního okraje
padding-right
délka, procento
0
všechny elementy
ne
velikost pravého vnitřního okraje
padding
délka, procento
standardní hodnoty velikostí vnitřních okrajů
všechny elementy
ne
kompletní nastavení vnitřních okrajů
border-top -width
thin, medium, thick, délka
medium
všechny elementy
ne
šířka horní části rámečku
border-bottom -width
thin, medium, thick, délka
medium
všechny elementy
ne
šířka dolní části rámečku
border-left -width
thin, medium, thick, délka
medium
všechny elementy
ne
šířka levé části rámečku
border-right -width
thin, medium, thick, délka
všechny elementy
ne
border-width
thin, medium, thick, délka
všechny elementy
ne
border-color
všechny elementy
ne
šířka pravé části rámečku kompletní nastavení šířky rámečku barva rámečku
none
všechny elementy
ne
styl rámečku
standardní hodnoty vlastností
všechny elementy
ne
nastavení horní části rámečku
standardní hodnoty vlastností
všechny elementy
ne
nastavení dolní části rámečku
standardní hodnoty vlastností
všechny elementy
ne
nastavení levé části rámečku
standardní hodnoty vlastností
všechny elementy
ne
nastavení pravé části rámečku
standardní hodnoty vlastností
všechny elementy
ne
width
barva none, dotted, dashed, solid, double, groove, ridge, inset, outset border-top-width, border-style, barva border-bottom-width, borderstyle, barva border-left-width, border-style, barva border-right-width, borderstyle, barva border-width, border-style, barva délka, procento, auto
medium standardní hodnoty nastavení šířky rámečku hodnota vlastnosti color
auto
blokové a nahrazované elementy
ne
height
délka, auto
auto
blokové a nahrazované elementy
ne
výška
ne
umístění plovoucího objektu vlevo(left), vpravo(right) nebo normálně(none)
ne
čekání na skončení plovoucích objektů : left=čeká na skončení vlevo, right=čeká vpravo, both=čeká na obou stranách
border-style border-top border-bottom border-left border-right border
float
clear
left, right, none
left, right, both, none
none
none
všechny elementy
všechny elementy
kompletní nastavení vlastností rámečku šířka
Klasifikační vlastnosti Vlastnost
Hodnoty
Standardní hodnota
Aplikuje se na
Dědí se
Popis
display
block, inline, listintem, none
block
všechny elementy
ne
druh elementu
white -space
normal, pre, nowrap
normal
blokové elementy
ano
normal jsou normální mezery pre mezery a konce řádku se zachovají nowrap text se nezalomí
list-style -type
disc, circle, square, decimal, lowerroman, lower-alpha, upper-alpha, none
disc
elementy s vlastností display:list-item
ano
druh odrážek v seznamech
list-style -image
URL, none
none
elementy s vlastností display:list-item
ano
obrázek místo odrážky v seznamu
list-style -position
inside, outside
outside
elementy s vlastností display:list-item
ano
outside=odrážka před textem, inside=odrážka v textu položky seznamu
list-style
list-style-type, liststyle-position, liststyle-image
standartní hodnoty list- style...
elementy s vlastností display:list-item
ano
kompletní nastavení vzhledu položek seznamu