Značka wbr

Značka wbr určuje miesto, kde môže prehliadač v prípade potreby rozdeliť slovo (ak sa text nezmestí do šírky elementu). Takéto delenia sa nazývajú jemné.

Nevyžaduje uzatvárajúcu značku.

Pri delení slova cez značku wbr sa symbol pomlčky "-" nepridáva. Ak ho potrebujete - použite symbol jemného delenia  (bodkočiarka na konci je povinná, nie je to preklep).

Jemné delenie  určuje prehliadaču miesto, kde môže rozdeliť slovo (v prípade potreby), pričom pridá symbol pomlčky "-".

Jemné delenia  nebudú fungovať, ak je vlastnosť hyphens nastavená na hodnotu none (ale delenia wbr budú fungovať).

Príklad . Text bez delenia

Pozrime sa na ukážku textu, v ktorej sú dlhé slová, ktoré presahujú okraje bloku. Bloku nastavíme malú šírku tak, aby sa do neho veľké slovo nezmestilo:

<div id="elem">
	this is supersupersuperlong text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Príklad . Značka wbr

Tu pridajme značku wbr na miesta, kde odporúčame prehliadaču urobiť delenie slova v prípade potreby (venujte pozornosť tomu, že prehliadač urobí delenia nie všade, kde sme ich uviedli):

<div id="elem">
	this is super<wbr>super<wbr>super<wbr>long text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Príklad . Symbol 

Skúsme namiesto značky wbr umiestniť symbol . Na miestach delenia sa zobrazia pomlčky:

<div id="elem">
	this is supersupersuperlong text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Pozri tiež

značka br,
,
ktorá spôsobí zalomenie na nový riadok
vlastnosť hyphens,
ktorá nastavuje skutočné delenie slov
vlastnosti word-break a overflow-wrap,
ktoré umožňujú rozdeliť písmená dlhého slova
vlastnosť overflow,
ktorá oreže časti presahujúce okraje bloku

Značka wbr

Príklad . Text bez delenia

Príklad . Značka wbr

Príklad . Symbol &shy;

Pozri tiež

Príklad . Symbol