Heim >Web-Frontend >CSS-Tutorial >So legen Sie die Breite und Höhe des Textfelds in CSS fest

So legen Sie die Breite und Höhe des Textfelds in CSS fest

青灯夜游Original: 2021-01-06 11:18:2812847Durchsuche

Sie können die Breiten- und Höhenattribute in CSS verwenden, um die Breite und Höhe des Textfelds festzulegen. Sie müssen nur die Stile „width: value;“ und „height: value;“ hinzufügen oder Textbereich). Das width-Attribut legt die Breite des Elements fest und das height-Attribut legt die Höhe des Elements fest.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS1- und HTML5-Version, Dell G3-Computer.

Empfohlenes Tutorial: CSS-Video-Tutorial

So legen Sie die Breite und Höhe des Textfelds in CSS fest

Legen Sie das Breitenattribut und das Höhenattribut für das Textfeldelement fest (, <p>Das width-Attribut legt die Breite des Elements fest und das height-Attribut legt die Höhe des Elements fest. </p> <p><img src="https://img.php.cn/upload/image/714/869/737/1609902954196680.png" title="1609902954196680.png" alt="So legen Sie die Breite und Höhe des Textfelds in CSS fest"><img src="https://img.php.cn/upload/image/951/600/394/1609902962397316.png" title="1609902962397316.png" alt="So legen Sie die Breite und Höhe des Textfelds in CSS fest"></p> <p>Hinweis: Die Eigenschaften „Breite“ und „Höhe“ umfassen keine Abstände, Ränder oder Ränder! </p> <p>Beispiel: <br></p><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> .input{ width: 200px; height: 100px; } .textarea{ idth: 200px; height: 100px; } </style> </head> <body> <input type="text" placeholder="默认单行文本框" /> <input type="text" class="input" placeholder="设置宽度200px，高度100px" /><br /><br /> <textarea placeholder="默认多行文本框"></textarea> <textarea class="textarea" placeholder="设置宽度200px，高度100px"></textarea> </body> </html></pre><p>Rendering: <br></p> <p><img src="https://img.php.cn/upload/image/879/358/152/1609902866582230.png" title="1609902866582230.png" alt="So legen Sie die Breite und Höhe des Textfelds in CSS fest"></p> <p>Weitere Programmierkenntnisse finden Sie unter: <a href="https://www.php.cn/course.html" target="_blank" textvalue="编程课程">Programmierkurs</a>! ! </p>

Das obige ist der detaillierte Inhalt vonSo legen Sie die Breite und Höhe des Textfelds in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ist CSS3 mit IE8 kompatibel?Nächster Artikel：Ist CSS3 mit IE8 kompatibel?

In Verbindung stehende Artikel

Mehr sehen