Bdi - Versionshistorik

PGJ: /* Exempel */

2019-01-18T12:27:41Z

Exempel

← Äldre version		Versionen från 18 januari 2019 kl. 12.27
Rad 7:		Rad 7:
	För denna tag har dock attributet <code>dir</code>, en något annorlunda definition än vanligt. Skillnaden är att attributets värde inte ärvs ifrån överliggande element. Om attributet inte är satt, används förvalet <code>auto</code>, vilket gör att webbläsaren själv väljer vilken riktning texten ska skrivas i.		För denna tag har dock attributet <code>dir</code>, en något annorlunda definition än vanligt. Skillnaden är att attributets värde inte ärvs ifrån överliggande element. Om attributet inte är satt, används förvalet <code>auto</code>, vilket gör att webbläsaren själv väljer vilken riktning texten ska skrivas i.
	== Exempel ==		== Exempel ==
	<codepen pen="EjLyNb" tab="html" height="~~100~~">		<codepen pen="EjLyNb" tab="html,result" height="200">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<p lang="ar">العربية <dir lang="sv" dir="ltr">svenska</dir></p>		<p lang="ar">العربية <dir lang="sv" dir="ltr">svenska</dir></p>

PGJ: /* Exempel */

2015-07-09T11:21:23Z

Exempel

← Äldre version		Versionen från 9 juli 2015 kl. 11.21
Rad 7:		Rad 7:
	För denna tag har dock attributet <code>dir</code>, en något annorlunda definition än vanligt. Skillnaden är att attributets värde inte ärvs ifrån överliggande element. Om attributet inte är satt, används förvalet <code>auto</code>, vilket gör att webbläsaren själv väljer vilken riktning texten ska skrivas i.		För denna tag har dock attributet <code>dir</code>, en något annorlunda definition än vanligt. Skillnaden är att attributets värde inte ärvs ifrån överliggande element. Om attributet inte är satt, används förvalet <code>auto</code>, vilket gör att webbläsaren själv väljer vilken riktning texten ska skrivas i.
	== Exempel ==		== Exempel ==
			<codepen pen="EjLyNb" tab="html" height="100">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<p lang="ar">العربية <dir lang="sv" dir="ltr">svenska</dir></p>		<p lang="ar">العربية <dir lang="sv" dir="ltr">svenska</dir></p>
	</syntaxhighlight>		</syntaxhighlight>
			</codepen>
	Ovanstående skapar ett stycke som innehåller arabisk text, som läses höger till vänster. Mitt i byts textriktningen ut och det står på svenska, som ju läses vänster till höger.		Ovanstående skapar ett stycke som innehåller arabisk text, som läses höger till vänster. Mitt i byts textriktningen ut och det står på svenska, som ju läses vänster till höger.

	== Referenser ==		== Referenser ==
	=== Taggens definition i [[WHATWG]]s levande HTML-standard ===		=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

PGJ: Skapade sidan med '"BDI" är förkortning av "Bi-Directional Isolation". Taggen isolerar en räcka text ifrån den omgivande texten, så att man kan sätta att den skrivs i en annan ordning än ...'

2014-08-24T11:10:08Z

Skapade sidan med '"BDI" är förkortning av "Bi-Directional Isolation". Taggen isolerar en räcka text ifrån den omgivande texten, så att man kan sätta att den skrivs i en annan ordning än ...'

Ny sida

"BDI" är förkortning av "Bi-Directional Isolation". Taggen isolerar en räcka text ifrån den omgivande texten, så att man kan sätta att den skrivs i en annan ordning än omgivande text. Detta kan t.ex. vara användbart om man vill ha ord ifrån latinska språk mitt i ett dokument som är skrivet på arabiska.

Ett användningsområde kan vara när man tar ut text ifrån en databas och man inte vet i vilken riktning den ska skrivas.
== Tillgänliga attribut ==
Enbart de [[globala attribut]]en är tillgängliga för denna tagg.

För denna tag har dock attributet <code>dir</code>, en något annorlunda definition än vanligt. Skillnaden är att attributets värde inte ärvs ifrån överliggande element. Om attributet inte är satt, används förvalet <code>auto</code>, vilket gör att webbläsaren själv väljer vilken riktning texten ska skrivas i.
== Exempel ==
<syntaxhighlight lang="html5">
<p lang="ar">العربية <dir lang="sv" dir="ltr">svenska</dir></p>
</syntaxhighlight>
Ovanstående skapar ett stycke som innehåller arabisk text, som läses höger till vänster. Mitt i byts textriktningen ut och det står på svenska, som ju läses vänster till höger.
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-bdi-element
=== Taggens definition i HTML5-standarden ===
http://www.w3.org/TR/html5/the-bdi-element.html#the-bdi-element