Szerokość obramowania {border-...-width}
Jak ustawić szerokość (grubość) obramowania dowolnego elementu?
- Szerokość górnego obramowania:
selektor { border-top-width: szerokość } - Szerokość dolnego obramowania:
selektor { border-bottom-width: szerokość } - Szerokość lewego obramowania:
selektor { border-left-width: szerokość } - Szerokość prawego obramowania:
selektor { border-right-width: szerokość }
We wszystkich przypadkach Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów].
Natomiast jako "szerokość" należy podać:
Natomiast jako "szerokość" należy podać:
- thin - cienkie obramowanie
- medium - średnie obramowanie
- thick - grube obramowanie
- lub konkretną wartość w jednostkach długości
Pozwala zdefiniować szerokość dowolnego brzegu obramowania.
Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj.
Przykład {border-top-width}
border-top-width: 5mm; border-top-style: solid
border-top-width: thin; border-top-style: solid
border-top-width: medium; border-top-style: solid
border-top-width: thick; border-top-style: solid
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
border-top-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-right-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-bottom-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-left-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |