Style- unicodeBidi-Eigenschaft
Style-Objekt
Definition und Verwendung
Die unicodeBidi-Eigenschaft wird mitdirectionder direction-Eigenschaft verwendet, um festzulegen oder zurückzugeben, ob der Text überschrieben wird, um mehrere Sprachen im selben Dokument zu unterstützen.
Syntax
Die unicodeBidi-Eigenschaft festlegen:
Object.style.unicodeBidi="normal|embed|bidi-override|inherit"
Die unicodeBidi-Eigenschaft zurückgeben:
Object.style.unicodeBidi
| Wert | Beschreibung |
|---|---|
| normal | Standard. Verwendet keine zusätzliche Einbettungsebene. |
| embed | Erstellt eine zusätzliche Einbettungsebene. |
| bidi-override | Erzeugt eine zusätzliche Einbettungsebene. Die Umordnung hängt von der direction-Eigenschaft ab. |
| inherit | Der Wert der unicodeBidi-Eigenschaft wird vom übergeordneten Element geerbt. |
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Alle gängigen Browser unterstützen die unicodeBidi-Eigenschaft.
Hinweis:IE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 unterstützt "inherit" nur, wenn ein !DOCTYPE angegeben ist. IE9 unterstützt "inherit".
Beispiel
Beispiel
Text überschreiben:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
<script>
function displayResult(){
document.getElementById("p1").style.unicodeBidi="bidi-override";
}
</script>
</head>
<body>
<p>Dies ist ein Text.</p>
<p id="p1" style="direction:rtl">Dies ist ein anderer Text.</p>
<br>
<button type="button" onclick="displayResult()">Text überschreiben</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial (example.com)</title>
<script>
function displayResult(){
document.getElementById("p1").style.unicodeBidi="bidi-override";
}
</script>
</head>
<body>
<p>Dies ist ein Text.</p>
<p id="p1" style="direction:rtl">Dies ist ein anderer Text.</p>
<br>
<button type="button" onclick="displayResult()">Text überschreiben</button>
</body>
</html>
Selbst ausprobieren »
Style-Objekt Andere Erweiterungen