Obramowania elementów:
- border-style - style obramowania wokół elementów.
- border-top-style - obramowanie tylko u góry elementu.
- border-bottom-style - obramowanie tylko na dole elementu.
- border-left-style - obramowanie tylko z lewej strony elementu.
- border-right-style - obramowanie tylko z prawej strony elementu.
- border-bottom-width - ustawienie rozmiaru obramowania.
- border-bottom-color - ustawienie koloru obramowania
- border: 1px(width-grubość) solid(style) purple(color)
- border-top itp.
- border-radius - zaokrąglenie krawędzi
ZASADA ZEGARKA:
Góra>Prawo>Dół>Lewo
border-style: 1 wartość
1 wartość jest ustalana dla wszystkich obramowań
border: 1 wart 2 wart;
1 wart - ustalana dla góry i dołu
2 wart - ustalana dla prawej i lewej
border: 1 wart 2 wart 3 wart 4 wart
1 wart - dla góry
2 wart - dla prawej
3 wart - dla dołu
4 wart - dla lewej
margin - margines między elementami
Brak obramowania (domyślne): none
Solidna linia: solid.
Seria kropek: dotted.
Seria kresek: dashed
Podwójna linia: double
Wcięcie, efekt wyrzeźbienia: groove
Odwrotność groove: ridge
Efekt "zapadnięcia": inset
Efekt "wysunięcia" (przeciwieństwo inset): outset
Mix - można mixować wzsystko ;).
Użycie skrótu border: 2px solid purple;
Świat jest okrągły!!!
Świat jest okrągły!!!
To jest ostateczna definicja
Border-radius
Darmowy hosting zapewnia PRV.PL