Bdi: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) |
||
| 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=" | <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> | ||
Nuvarande version från 18 januari 2019 kl. 12.27
"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 attributen är tillgängliga för denna tagg.
För denna tag har dock attributet dir, 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 auto, vilket gör att webbläsaren själv väljer vilken riktning texten ska skrivas i.
Exempel
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 WHATWGs levande HTML-standard
Taggens definition i HTML5-standarden
http://www.w3.org/TR/html5/the-bdi-element.html#the-bdi-element