Heim >Web-Frontend >CSS-Tutorial >Was ist die Eigenschaft zum Festlegen des Absatzeinzugs in CSS?
Das Attribut zum Festlegen des Absatzeinzugs in CSS ist „text-indent“, und das Syntaxformat ist „text-indent:length|%;“; wenn der Wert „length“ ist, kann ein fester Einzug definiert werden Der Wert ist „%“. Mit dem Typ können Sie einen Einzug basierend auf einem Prozentsatz der Breite des übergeordneten Elements definieren.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Das Attribut zum Festlegen des Absatzeinzugs in CSS ist „text-indent“.
Beispiel:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>首行缩进</title> <style> .demo{ width: 500px; height: 200px; margin: 50px auto; } .p1{ text-indent:36px; } .p2{ text-indent:1em; } .p3{ text-indent:10%; } </style> </head> <body> <div class="demo"> <p class="p1">这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。<b>text-indent:36px;</b></p> <p class="p2">这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。<b>text-indent:1em;</b></p> <p class="p3">这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。<b>text-indent:10%;</b></p> </div> </body> </html>
Rendering:
[Empfohlenes Tutorial: CSS-Video-Tutorial]
Beschreibung:
Das text-indent-Attribut gibt den Einzug der ersten Textzeile im Textblock an.
Hinweis: Negative Werte sind zulässig. Wenn der Wert negativ ist, wird die erste Zeile nach links eingerückt.
Attributwert:
Wert | Beschreibung |
---|---|
Länge | Festen Einzug definieren. Standardwert: 0. |
% | Definiert den Einzug basierend auf einem Prozentsatz der Breite des übergeordneten Elements. |
Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !
Das obige ist der detaillierte Inhalt vonWas ist die Eigenschaft zum Festlegen des Absatzeinzugs in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!