집 > 기사 > 웹 프론트엔드 > CSS에서 텍스트 상자의 너비와 높이를 설정하는 방법

CSS에서 텍스트 상자의 너비와 높이를 설정하는 방법

青灯夜游원래의: 2021-01-06 11:18:2812670검색

CSS의 너비 및 높이 속성을 사용하여 텍스트 상자의 너비와 높이를 설정할 수 있습니다. 텍스트 상자 요소에 "너비: 값" 및 "높이: 값" 스타일만 추가하면 됩니다. 또는 텍스트 영역). width 속성은 요소의 너비를 설정하고, height 속성은 요소의 높이를 설정합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, css1&&html5 버전, Dell G3 컴퓨터.

추천 튜토리얼: css 비디오 튜토리얼

css에서 텍스트 상자의 너비와 높이를 설정하는 방법

너비 속성과 높이 속성을 텍스트 상자 요소(, <p>width 속성은 요소의 너비를 설정하고, height 속성은 요소의 높이를 설정합니다. </p> <p><img src="https://img.php.cn/upload/image/714/869/737/1609902954196680.png" title="1609902954196680.png" alt="CSS에서 텍스트 상자의 너비와 높이를 설정하는 방법"><img src="https://img.php.cn/upload/image/951/600/394/1609902962397316.png" title="1609902962397316.png" alt="CSS에서 텍스트 상자의 너비와 높이를 설정하는 방법"></p> <p>참고: 너비 및 높이 속성에는 패딩, 테두리 또는 여백이 포함되지 않습니다! </p> <p>예: <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>렌더링: <br></p> <p><img src="https://img.php.cn/upload/image/879/358/152/1609902866582230.png" title="1609902866582230.png" alt="CSS에서 텍스트 상자의 너비와 높이를 설정하는 방법"></p> <p>더 많은 프로그래밍 관련 지식을 보려면 다음을 방문하세요: <a href="https://www.php.cn/course.html" target="_blank" textvalue="编程课程">프로그래밍 코스</a>! ! </p>

위 내용은 CSS에서 텍스트 상자의 너비와 높이를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：CSS3는 ie8과 호환되나요?다음 기사：CSS3는 ie8과 호환되나요?