Border-style – css vlastnost pro druh rámečku

Vlastnost určující styl zobrazení rámečku kolem nějakého HTML prvku. Zapisuje se vyhrazenými slovy a dále se naučíte, jak jej používat.

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;
}

Důležitá poznámka: pokud chcete, aby se rámeček zobrazil, musíte definovat krom BORDER-STYLE i další dvě vlastnosti a sice BORDER-COLOR a BORDER-WIDTH. Můžete provést i jednotný zápis viz zde.

Hodnoty používané u border-style

• solid – spojitý
• double – spojitý zdvojený
• dotted – tečkovaný
• dashed – čárkovaný
• groove – zaříznutý
• ridge – vyvýšený
• inset – vmáčknutý dovnitř
• outset – vystouplý ven

Kam dál

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