2009-08-31 8 views
5

<textarea>에 CSS 'width' 속성이 적용됩니까?'너비'는 텍스트 영역에 적용 할 수 있습니까?

나를 CSS 2.1 specification for width 말하는 것입니다 혼란 무슨
textarea 
{ 
    width:100%; 
} 

,

이 속성에 의해 생성 된 박스의 내용 너비를 지정 :이 같은 규칙을 사용하여 예를 들어 실제로, people say that they use it successfully에서

, 블록 수준 및 대체 된 요소 이 속성은 대체되지 않는 인라인 수준 요소 인 에는 적용되지 않습니다.

텍스트 영역이 인라인 레벨 요소 인 것으로 생각했습니다.

<p> 
This is some more text: 
<textarea name="mytextarea" rows="3" cols="15">Text in the text area</textarea> 
And even more, more text. 
</p> 

이런 마크 업 ... <textarea> 왼쪽과 오른쪽 텍스트 단일 단락 블록을 생성하고, 그 때문에, 규격에 따른 폭이 적용되지 않을 것이다.

답변

6

Textarea는 인라인 요소입니다. 인라인 요소로 바뀌 었습니다 (요소의 단순한 내용이 아닌 폼 컨트롤을가집니다).

사양에는 대체되지 않는 인라인 요소는 제외되지만 textarea는 그 중 하나가 아닙니다.

+0

설명해 주셔서 감사합니다. – ChrisW

-1

'cols'속성을 사용하여 텍스트 영역의 너비를 설정해야합니다.

http://www.w3schools.com/TAGS/tag_textarea.asp

+2

아니요. 열 수를 지정해야하지만 실제로 CSS보다 너비를 설정하려면 훨씬 더 유연합니다. (W3School을 피하십시오. 오류가 발생하기 쉽습니다). – Quentin

+0

Yuck, W3Schools –

0

폭 텍스트 영역 소자의 허용 가능한 특성이 아니다. 텍스트 영역의 크기는 cols 및 rows 속성으로 지정할 수 있지만 CSS 높이 및 너비 속성을 통해보다 잘 제어 할 수 있습니다.

관련 문제