Style textIndentEigenschaft

Style 对象参考手册Style-Objekt

Definition und Verwendung

Die textIndent-Eigenschaft legt die Einrückung der ersten Textzeile fest oder gibt sie zurück.

Syntax

textIndent-Eigenschaft festlegen:

Object.style.textIndent="length|%|inherit"

textIndent-Eigenschaft zurückgeben:

Object.style.textIndent

Wert Beschreibung
length Definiert die Einrückung mithilfe von Einheiten wie px, cm. Der Standardwert ist 0.
% Definiert die Einrückung als Prozentsatz der Breite des übergeordneten Elements.
inherit Der Wert der textIndent-Eigenschaft wird vom übergeordneten Element geerbt.

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle wichtigen Browser unterstützen die textIndent-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 einrücken:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example(example.com)</title>
<script>
function displayResult(){
    document.getElementById("div1").style.textIndent="50px";
}
</script>
</head>
<body>

<div id="div1">
Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text.
Dies ist ein Text. Dies ist ein Text.
</div>
<br>
<button type="button" onclick="displayResult()">Text einrücken</button>

</body>
</html>

Selbst ausprobieren »

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