Style directionEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die direction-Eigenschaft legt die Textrichtung eines Elements fest oder gibt sie zurück.

Syntax

Die direction-Eigenschaft festlegen:

Object.style.direction="ltr|rtl|inherit"

Die direction-Eigenschaft zurückgeben:

Object.style.direction

Wert Beschreibung
ltr Standard. Der Textfluss verläuft von links nach rechts.
rtl Der Textfluss verläuft von rechts nach links.
inherit Die Textrichtung wird vom Elternelement geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen die direction-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

Textfluss auf rechts-nach-links einstellen:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Beispiel-Tutorial(example.com)</title>
<script>
function displayResult(){
    document.getElementById("p1").style.direction="rtl";
}
</script>
</head>
<body>

<p id="p1">Dies ist etwas Text.</p>
<br>
<button type="button" onclick="displayResult()">Textrichtung von links nach rechts einstellen</button>

</body>
</html>

Selbst ausprobieren »

Style 对象参考手册Style-Objekt Andere Erweiterungen