Border-width – css vlastnost pro velikost čáry rámečku

CSS vlastnost určující velikost čáry rámečku kolem HTML elementu. Tím elementem může být třeba div, img (obrázek), a (odkaz), pokud ho chceme podtrhnout jinou barvou, než je barva textu…

Existuje v CSS 1, 2 a 3 | není dědičná

Způsob zápisu

Ukázka zápisu červeného rámečku vytvořeného z jednolité čáry o šířce 1px:

selektor {
   border-style: solid;
   border-color: red;
   border-width: 1px;
}

Hodnoty používané u border-width

• 1px – číselné v pixelech, pixel je obrazový bod a při tvorbě webových stránek se používá nejčastěji
• 1mm – číselné v milimetrech, používá se pro tisk, který se udává v metrické soustavě
• 1cm – číselné v centimetrech, používá se pro tisk, který se udává v metrické soustavě
• 1in – číselná v palcích (1in = 2,54cm) a užívá se pro tisk tam, kde se počítá v palcích
• 1pc – číselná pica což je 12px
• 1em – vypočítá se z velikosti fontu. 1em je velikost velkého písmene M

Důležité!!! Kromě border-width, musíte zadat také border-color a border-style.

Kam dál

Naše služby Kurz základy HTML a CSS Kurz tvorby webových stránek pomocí systému Joomla