Nadpis s rámečkem.">

Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

CSS – rámečky Mgr. Lenka Švancarová. CSS – rámečky

Nadpis s rámečkem.

Podobné prezentace


Prezentace na téma: "CSS – rámečky Mgr. Lenka Švancarová. CSS – rámečky

Nadpis s rámečkem."— Transkript prezentace:

1 CSS – rámečky Mgr. Lenka Švancarová

2 CSS – rámečky

Nadpis s rámečkem okolo

Nadpis s rámečkem vlevo

3 CSS – rámečky Vlastnost border-width určuje tloušťku orámování.  Slovně thin – slabý rámeček medium – středně silný rámeček thick – tlustý rámeček  V px (pixel) border-width: 5px;  Další jednotky http://www.jakpsatweb.cz/css/css-jednotky.html

4 CSS – rámečky Vlastnost border-color určuje barvu rámečku. Vlastnost border-style určuje styl rámečku.  solid – plná čára  double – dvojitá plná čára  dashed – čárkovaná čára  dotted – tečkovaná čára  groove, ridge, inset, outset  none – bez rámečku (výchozí hodnota)

5 CSS – rámečky Rámečky lze vykreslovat i jen po jednotlivých stranách.  Vlevo – left border-left-width: medium; border-left-color: rgb(51,102,0); border-left-style: double;  Vpravo – right  Nahoře – top  Dole – bottom

6 CSS – left, right, top, bottom margin – všechny vnější okraje prvku  margin-left  margin-right  margin-top  margin-bottom padding – všechny vnitřní okraje prvku  padding-left  padding-right  padding-top  padding-bottom Stejně tak si lze navolit různé vnější (a vnitřní) okraje prvku.

7 CSS – zkrácené zápisy

Nadpis s rámečkem okolo

Nadpis s rámečkem vlevo

8 CSS – rámečky U vlastností margin a padding z předchozího příkladu zjisti, kterých okrajů se týkají jednotlivé hodnoty, a svůj závěr si zapiš do sešitu. V PSPadu si otevři soubor komponenta.html.  Pomocí CSS orámečkuj ze všech stran obrázky na stránce.  U všech nadpisů druhé úrovně zobraz pouze horní část rámečku.


Stáhnout ppt "CSS – rámečky Mgr. Lenka Švancarová. CSS – rámečky

Nadpis s rámečkem."

Podobné prezentace


Reklamy Google