Border

CSS vlastnost border urΦuje v╣echny vlastnosti rßmeΦku najednou.

Jsou to vlastnosti Border-width, Border-style a Border-color (v tomto po°adφ).

TaktΘ╛ urΦuje narßz vlastnosti v╣ech Φty° stran rßmeΦku. Na nastavenφ ka╛dΘ strany jinak se musφ pou╛φt konkrΘtn∞j╣φch vlastnostφ border-*.

V²chozφ rßmeΦek (myslφm) ka╛dΘho objektu je none = ╛ßdn² rßmeΦek.

V quirk m≤du se tlou╣╗ka rßmeΦk∙ chybn∞ zapoΦφtßvß do ╣φ°ky a v²╣ky prvku.

P°φklad ekvivalentnφho zßpisu vlastnostφ

Nßsledujφcφ t°i zßpisy vedou ke stejnΘmu efektu:

div {border: 1px solid blue }

div {border-width: 1px; border-style: solid; border-color: blue }

div {border-top: 1px solid blue; border-left: 1px solid blue; border-bottom: 1px solid blue; border-right: 1px solid blue; }

Podpora

V dne╣nφch prohlφ╛eΦφch (2003) je podpora velmi dobrß, u star╣φch prohlφ╛eΦ∙ to n∞kdy bylo trochu komplikovanΘ.

P°φklady

Docela Φasto si p°i lad∞nφ designu nechßvßm zobrazovat ΦßrkovanΘ okraje objekt∙. RßmeΦky bun∞k tabulek oran╛ov∞, tagy div ╣ed∞:

div {border: 1px dashed gray}
td {border: 1px dashed orange}

Pokud se neuvede t°etφ hodnota (pro barvu), vezme se v²chozφ barva pφsma: nßsledujφcφ zßpis orßmuje v╣echny odstavce <p> Φernou barvou (pokud budou Φern²m pφsmem).

p {border: 1px solid}

M∙j oblφben² rßmeΦek

Mßm ve zvyku (skoro na v╣ech sv²ch strßnkßch) dßvat nad nadpis druhΘ ·rovn∞ slab² rßmeΦek. Hezky se tak opticky odd∞lφ nßsledujφcφ text od p°edchozφho. Zßpis stylu vypadß takto:

h2 {border-top: 1px solid navy; padding-top: .3em}

je dobrΘ p°idat prvku padding (vnit°nφ okraj), proto╛e se potom rßmeΦek nelepφ na text. Zobrazit tento p°φklad s nadpisy.

Dal╣φ p°φklady

P°φklad padding a border pou╛it² na odkaz testovan² v Internet Exploreru 5.0 ukß╛e, ╛e border nelze aplikovat na °ßdkovΘ prvky (v tomto p°φpad∞ odkaz)

TextovΘ odkazy jako tlaΦφtko.

StarΘ p°φklady vlastnosti border.

Dal╣φ p°φklady u jednotliv²ch vlastnostφ border-*.

Vizte tΘ╛

Border-width = ╣φ°ka rßmeΦku, Border-style = druh rßmeΦku, Border-color = barva rßmeΦku, Zßpis v╣ech stran najednou