Border-width

CSS vlastnost border-width urΦuje ╣φ°ku rßmeΦku.

Aby se rßmeΦek vykreslil, musφ b²t zadßna vlastnost border-style (nebo border). V²chozφ ╣φ°kou je medium, co╛ jsou asi 3 pixely (ale nem∞°il jsem to a m∙╛e to b²t v ka╛dΘm prohlφ╛eΦi jinak).

⌐φ°ka rßmeΦk∙ r∙zn²ch stran se dß zadat pomocφ vlastnostφ border-strana-width, nebo v╣echny najednou vlastnostφ border-width.

Podpora

Varianty vlastnosti

• border-top-width
• border-right-width
• border-bottom-width
• border-left-width

Netscape 4 tyto vlastnosti neznß.

P°φklady

Hodn∞ Φasto se rßmeΦky pou╛φvajφ na tlaΦφtka. N∞kdy se d∞lajφ t°eba tagem <div class="tlacitko">. Kdybych cht∞l mφt zelen∞ vystouplΘ tlaΦφtko, styl vypadß takto:

.tlacitko {border-style: outset; border-width: 5px; border-color: green}

M∙╛e nastat situace, kdybych cht∞l mφt n∞kterß tlaΦφtka siln∞j╣φ. Hodφ se mi p°edchozφ deklarace (chci ji ΦßsteΦn∞ vyu╛φt), ale chci mφt rßmeΦek desetipixelov². M∙╛u to ud∞lat t°eba p°φm²m stylem:

<div class="tlacitko" style="border-width: 10px">

Jin² zp∙sob je vytvo°it je╣t∞ jednu t°φdu (class="sirsi") a p°idat ji k tlaΦφtku spolu s p°edchozφ t°φdou:

<div class="tlacitko sirsi">

prvek potom p°evezme styl obou t°φd, t°φda sirsi bude mφt prioritu (je v po°adφ posledn∞j╣φ). Zßpis t°φdy sirsi:

.sirsi {border-width: 10px}

Hodnoty thin, thick a medium se v praxi pou╛φvajφ z°φdka, proto╛e potom nenφ nikde zaruΦeno, jak budou p°esn∞ ╣irokΘ. Hodφ se tam, kde je dokument vφce informaΦnφ a nezßle╛φ na p°esnΘm vzhledu tolik jako na p°enositelnosti mezi mΘdii.

Border-width je takΘ pou╛ita v p°φkladu na border-style.

Vizte tΘ╛

Barvy v CSS, Border = rßmeΦek, Border-style = druh rßmeΦku, Border-color = barva rßmeΦku, M≤dy prohlφ╛eΦ∙, -moz-box-sizing = zapoΦφtßnφ rßmeΦk∙ do ╣φ°ky v Mozille, Width = ╣φ°ka prvku

Odkazy

Nic relevantnφho m∞ nenapadß.