Šablona Border může být použita k vytvoření přizpůsobitelného rámečku kolem textu nebo obrázku.

Poznámka: Pro přidání jednoduchého ohraničení obrázku použijte parametr |rám v [[Sobuor:…]].

Použití

editovat

Základní

editovat

Základní použití je {{border|prvek}}, kde prvek je text nebo obrázek, okolo kterého má být utvořen rámeček. Rámeček bude jednoduchá 1 pixel široká šedá čára (barva #ddd). Přizpůsobovat lze pomocí parametrů popsaných níže.

{{border|Abc}}Abc

Parametry

editovat

Všechny možnosti:

{{border|prvek|display=zobrazení|width=šířka|style=styl|style2=styl 2|color=barva|lh=výška rádku}}
{{border|Abc|width=2px|style=dotted|color=red}}Abc
element
(povinný) Text nebo obrázek, okolo kterého má být utvořen rámeček
display
Hodnota vlastnosti display dle CSS (inline-block (výchozí), block, inline, table, flex, atd.)
width
Šířka (tloušťka) rámečku (výchozí je 1px)
style
Styl čáry rámečku dle CSS vlastnosti border-style (solid (výchozí), dotted, dashed, double, groove, ridge, inset, nebo outset)
style2
Dodatečné CSS vlastnosti
color
Barva rámečku (výchozí #ddd; hexadecimální, RGB, nebo pojmenovaný název, viz Wikipedie:Tabulka barev).

Další

editovat
noinline
Pro nahrazení výchozího zobrazení z inline-block na table-cell stačí tento parametr vyplnit libovolným textem.
Bez vyplnění
Nějaký text Abc
S vyplněním
Nějaký text Abc
div
Vyplněním tohoto parametru libovolným neprázdným řetězcem bude rámeček vytvořený HTML tagem <div> namísto <span>. Toto je nezbytné pokud parametr element obsahuje <div> nebo více řádků textu.

Vytvoření přizpůsobitelný rámeček kolem zadaného prvku.

Parametry šablony

Tato šablona upřednostňuje parametry formátované v jediném řádku.

ParametrPopisTypStav
Prvek1

Prvek (text, obrázek…), kolem kterého vytvořit rámeček.

Příklad
Abc
Obsahpovinný
Zobrazenídisplay

Způsob zobrazení dle CSS vlastnosti display

Doporučené hodnoty
inline-block block inline table flex
Příklad
block
Automatická hodnota
inline-block
Neznámýnepovinný
Ne v řádkunoinline

Nahradit výchozí zobrazení z inline-block na table-cell

Doporučené hodnoty
cokoliv
Příklad
ano
Řetězecnepovinný
Šířkawidth

Šířka (tloušťka) rámečku.

Příklad
4px
Automatická hodnota
1px
Řetězecnepovinný
Styl rámečkustyle

Styl čáry rámečku (solid (výchozí), dotted, dashed, double, groove, ridge, inset, nebo outset)

Doporučené hodnoty
solid dotted dashed double groove ridge inset outset
Příklad
dotted
Automatická hodnota
solid
Řetězecnepovinný
Barvacolor

Barva rámečku (HEX, RGB, nebo název).

Příklad
#c50000
Automatická hodnota
#ddd
Řetězecdoporučený
Výška řádkuline-height lh

Výška řádku s rámečkem.

Příklad
10px
Řetězecnepovinný
CSSstyle2

Dodatečné CSS styly.

Řetězecnepovinný
Divdiv

Vytvořit rámeček tagem <div> namísto <span>

Doporučené hodnoty
cokoliv
Příklad
ano
Řetězecnepovinný