Blokový model v CSS:

Transkript

1 Blokový model v CSS:

2 Blokový model v CSS:

3 Vlastnosti textu Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis word-spacing normal, délka normal o kolik se zvětší mezera mezi slovy letter-spacing normal, délka normal o kolik se zvětší mezera mezi písmeny text-decoration no, underli, overli, lithrought, blink no ozdoba textu, podtržení nadtržení, blikání vertical-align baseli. sub, super, top, texttop, middle, bottom, textbottom, procenta baseli inli vertikální zarovnání text-transform capitalize, uppercase, lowercase, no no zobrazení písma kapitálkami, malými a velkými písmeny text-align left, right, center, justify podle prohlížeče blokové zarovnání textu text-idented délka, procento 0 blokové velikost odstavcové zarážky li-height normal, délka, procenta, číslo normal výška řádky číslo udává násobek velikosti písma

4 Vlastnosti písma Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis font-family seznam písem podle prohlížeče rodina písma font-style normal, italic, oblique normal styl písma font-variant normal, smallcaps normal varianta písma font-weight normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 normal síla písma(tloušťka) font-size procenta, délky, xx-small, x-small, small, medium, large, x-large, xxlarge, larger, smaller medium velikost písma font výše uvedené vlastnosti standardní hodnoty všech vlastností písma kompletní nastavení písma

5 Vlastnosti barev a pozadí Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis color podle prohlížeče textu color, transparent trnsparent pozadí image URL, no no obrázek na pozadí repeat repeat, repeat-x, repeat-y, no-repeat repeat směr ve kterém se bude obrázek na pozadí stránky opakovat attachment scroll, fixed scroll scroll pozadí se pohybuje se stránkou, fixed pozadí se pohybuje position procenta, délky(1,2), top, center, bottom, left, center, right top left (0%0%) blokové a nahrazované umístění obrázku na pozadí uvádí se pozice x a y background výše uvedené vlastnosti standardní hodnoty všech vlastností barev a pozadí kompletní nastavení barev a pozadí

6 Vlastnosti boxů Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis margin-top délka, procento, auto 0 velikost horního vnějšího okraje margin-right délka, procento, auto 0 velikost pravého vnějšího okraje margin-bottom délka, procento, auto 0 velikost dolního vnějšího okraje margin-left délka, procento, auto 0 velikost levého vnějšího okraje margin délka, procento, auto standardní hodnoty velikostí vnějších okrajů kompletní nastavení vnějších okrajů padding-top délka, procento 0 velikost horního vnitřního okraje padding-bottom délka, procento 0 velikost dolního vnitřního okraje padding-left délka, procento 0 velikost levého vnitřního okraje padding-right délka, procento 0 velikost pravého vnitřního okraje padding délka, procento standardní hodnoty velikostí vnitřních okrajů kompletní nastavení vnitřních okrajů border-top -width thin, medium, thick, délka medium šířka horní části rámečku border-bottom -width thin, medium, thick, délka medium šířka dolní části rámečku border-left -width thin, medium, thick, délka medium šířka levé části rámečku border-right -width thin, medium, thick, délka medium šířka pravé části rámečku border-width thin, medium, thick, délka standardní hodnoty nastavení šířky rámečku kompletní nastavení šířky rámečku border-color hodnota vlastnosti color rámečku border-style border-top border-bottom border-left border-right border no, dotted, dashed, solid, double, groove, ridge, inset, outset border-top-width, border-style, border-bottom-width, borderstyle, border-left-width, border-style, border-right-width, borderstyle, border-width, border-style, no styl rámečku standardní hodnoty vlastností nastavení horní části rámečku standardní hodnoty vlastností nastavení dolní části rámečku standardní hodnoty vlastností nastavení levé části rámečku standardní hodnoty vlastností nastavení pravé části rámečku standardní hodnoty vlastností kompletní nastavení vlastností rámečku width délka, procento, auto auto blokové a nahrazované šířka height délka, auto auto blokové a nahrazované výška float left, right, no no clear left, right, both, no no umístění plovoucího objektu vlevo(left), vpravo(right) bo normálně(no) čekání na skončení plovoucích objektů : left=čeká na skončení vlevo, right=čeká vpravo, both=čeká na obou stranách

7 Klasifikační vlastnosti Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis display block, inli, listintem, no block druh elementu white -space normal, pre, nowrap normal blokové normal jsou normální mezery pre mezery a konce řádku se zachovají nowrap text se zalomí list-style -type disc, circle, square, decimal, lowerroman, lower-alpha, upper-alpha, no disc s vlastností druh odrážek v seznamech list-style -image URL, no no s vlastností obrázek místo odrážky v seznamu list-style -position inside, outside outside s vlastností 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... s vlastností kompletní nastavení vzhledu položek seznamu