Styl obramowania {border-...-style}

Jak dodać obramowanie do dowolnego elementu: linia przerywana (kreskowa i kropkowa), linia ciągła, podwójne obramowanie, rowek, grzbiet, ramka, przycisk?

Styl górnego obramowania:
```
selektor { border-top-style: styl }
```
Styl dolnego obramowania:
```
selektor { border-bottom-style: styl }
```
Styl lewego obramowania:
```
selektor { border-left-style: styl }
```
Styl prawego obramowania:
```
selektor { border-right-style: styl }
```

We wszystkich przypadkach selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów].

Natomiast jako "styl" należy wpisać:

none - brak obramowania
Przykład
border-top-style: none
hidden - ukryte obramowanie
Przykład
border-top-style: hidden
dashed - linia kreskowa
Przykład
border-top-style: dashed
dotted - linia kropkowa
Przykład
border-top-style: dotted
solid - linia ciągła
Przykład
border-top-style: solid
double - linia ciągła podwójna
Przykład
border-top-style: double
groove - "rowek"
Przykład
border-top-style: groove
ridge - "grzbiet"
Przykład
border-top-style: ridge
inset - "ramka"
Przykład
border-top-style: inset
outset - "przycisk"
Przykład
border-top-style: outset

Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj.

Przeglądarki

	Chrome	Firefox	Edge	Opera	Safari
`border-top-style`	1 2008-12-11	1 2004-11-09	12 2015-07-29	9.2 2007-04-11	1 2003-06-23
`border-right-style`	1 2008-12-11	1 2004-11-09	12 2015-07-29	9.2 2007-04-11	1 2003-06-23
`border-bottom-style`	1 2008-12-11	1 2004-11-09	12 2015-07-29	9.2 2007-04-11	1 2003-06-23
`border-left-style`	1 2008-12-11	1 2004-11-09	12 2015-07-29	9.2 2007-04-11	1 2003-06-23

Komentarze

Zobacz więcej komentarzy