Heim > Web-Frontend > CSS-Tutorial > So legen Sie die Textfeldbreite in CSS fest

So legen Sie die Textfeldbreite in CSS fest

青灯夜游
Freigeben: 2023-01-07 11:43:24
Original
5866 Leute haben es durchsucht

In CSS können Sie das Attribut width verwenden, um die Breite des Textfelds festzulegen. Sie müssen nur den Stil „width: width value;“ zum Textfeldelement hinzufügen. Das width-Attribut kann die Breite des Elements festlegen, wodurch die Breite des Inhaltsbereichs des Elements definiert wird. Pads, Ränder und Ränder können außerhalb des Inhaltsbereichs hinzugefügt werden.

So legen Sie die Textfeldbreite in CSS fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer. Das

Der Textbereich kann eine unbegrenzte Textmenge enthalten und die Standardschriftart für den Text ist eine Schriftart mit fester Breite (normalerweise Courier).

Sie können die Größe des Textbereichs über die Attribute „cols“ und „rows“ angeben oder die CSS-Attribute „height“ und „width“ verwenden, um die Höhe und Breite festzulegen. Das Attribut „width“ legt die Breite des Elements fest. Dieses Attribut definiert die Breite des Inhaltsbereichs des Elements und Auffüllungen, Rahmen und Ränder können außerhalb des Inhaltsbereichs hinzugefügt werden. Nicht ersetzte Inline-Elemente ignorieren dieses Attribut.

Beispiel:

<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8"> 
		<style>
			.width{
				width: 400px;
			}
		</style>
	</head>
	<body><br>
		<textarea>我是一个文本框,默认宽度。</textarea><br><br>
		<textarea class="width">我是一个文本框,使用css width属性设置宽度为400px。</textarea>
	</body>
</html>
Nach dem Login kopieren

Rendering:


So legen Sie die Textfeldbreite in CSS fest (Teilen von Lernvideos:

CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonSo legen Sie die Textfeldbreite in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage