I want to 비활성화합니다 속성을 extarea 크기변경가능 (s) ''.
현재 크기조정할 extarea 'a' 를 클릭하면 오른쪽 아래에 있는, 내가 할 수 있는 '와' extarea 드래그합니다 마우스용. 이 비활성화합니다 어떻게 합니까?
다음 CSS 규칙을 크기조정 비헤이비어를 비활성화합니다 장치당 'extarea' 요소:
textarea {
resize: none;
}
일부) '의 경우 비활성화하려면 extarea 많다 [두 가지 옵션], 2.
특정 '와' 이름 '으로 설정된 속성' 비활성화하려면 extarea 'foo' (즉, '<;;;;; /textarea> < > foo" " extarea name =').
textarea[name=foo] {
resize: none;
}
Id '또는' 을 사용하면 차지백 (즉, '<;;;;;' extarea id = " foo" > < /textarea>):
#foo {
resize: none;
}
[W3C 페이지] [3] 를 사용할 수 있는 값은 열거합니다 크기조정 제한 사항은 다음과 같습니다. 없음, 모두, 수평, 수직 및 상속됩니다:
textarea {
resize: vertical; /* user can resize vertically, but width is fixed */
}
호환성에서는 페이지 현재 어떤 브라우저를 검토해 볼 수 없는데 이 기능을 지원합니다. 존 헐크라 같은 것이라고 할 수 있다. 5, [더 크게 벗어나지] 의 CSS 를 치수에는 사용하여, 최대 폭 최대 속력 최소 너버 및 최소 높이.
>. # 슈퍼 중요한 건. >. 이 속성은 높여줍니까 오버플로입니다 속성은 않으면 아무것도 볼 수 있는 기본값입니다 이외의 대부분의 요소. 그래서 일반적으로 to use this, you& # 39, ll 오버플로입니다 같은 항목을 설정할 수 있다. 스크롤해야. >. >. 쿼트에 크리스씨가 코이어 의해, >. http://css-tricks.com/almanac/properties/r/resize/
[3]: http://www.w3.org/TR/css3-ui/ # 크기조정할
내가 찾은 두 가지.
첫 번째
textarea{resize: none}
이것은, 3, , , 아직 없는 CSS& 빨리 릴리즈됨 호환됩니까 및 사파리, 구글 크롬, 파이어폭스 4 (이상).
다른 형식으로 기능은 엿볼 수 있는 '오버플로입니다: 자동 '] [2] 없앨 때 오른쪽 scrollbar 고려하지 dir 속성.
기본적인 HTML
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<textarea style="overflow:auto;resize:none" rows="13" cols="20"></textarea>
</body>
</html>
빨리, 빨리, 8 + Internet& Explorer&;
firefox 17.0.1 +
크롬 +
[2]: http://www.codingforums.com/showthread.php? t = 85786
CSS& nbsp; 3; 은 UI 에 대한 새로운 등록 수 있는 요소가 이 작업을 수행할 수 있습니다. 이 속성은 [크기조정할 속성] [1]. 그래서 다음 데이터베이스에구성원을 스타일시트가 크기조정 비활성화하려면 extarea 모든 요소를 추가해야 할 것입니다.
textarea { resize: none; }
이는 3 속성, CSS& nbsp;; 호환성에서는 차트입니다 사용하는 브라우저 호환성 볼 수 있습니다.
개인적으로 매우 귀찮게 할 수 있는 크기조정 비활성화됨 extarea 요소를 찾을 수 있을 것 "이라고 말했다. 그 중 하나가 이 상황을 디자이너, break" " 시도하고 있다. 이 user& # 39 의 클라이언트입니다. 디자인 can& 수용할 경우 어떻게 할 수 있습니다, t # 39 더 큰 extarea 설계에 재검토해야 한다 "고 답했다. '모든 사용자가 extarea {크기조정할 추가할 수 있습니다. 둘 다 매우 중요합니다.! 그들의 스타일시트가} ' (사용자 환경 설정을 무시하려면.
[1]: http://www.w3.org/TR/css3-ui/ # 크기조정할
이 HTML 쉽게 수행할 수 있습니다.
<textarea name="textinput" draggable="false"></textarea>
이 방법은 나여야지 기본값은 '진정한' 대한 '속성' 드래그 가능.
간단히 사용할 수 있습니다. '크기조정할: 없음, 'in your CSS.
>. 크기조정할 요소인 크기변경가능 (s) 의 등록 여부를 지정합니다. >. 사용자가. >. >. Note: 속성을 가진 이 크기조정할 요소에 대한 qic 계산됩니까 오버플로입니다 >. 값은 이외의 다른 visible" ";).
또한, , 크기조정할 Internet& 빨리 Explorer 에서 지원되지 순간.
다음은 다른 속성을이 크기조정할:
textarea {
resize: none;
}
textarea {
resize: both;
}
textarea {
resize: vertical;
}
textarea {
resize: horizontal;
}
또한 '너버 경우' 와 '높이' CSS 와 HTML 에 extarea 크기를 조정할 수 있으며, 다양한 브라우저에서 지원되는 너회의 못하게 됩니다.
CSS& nbsp; 3; 이 문제를 해결할 수 있습니다. [# 39 의 죄송합니다. it& 에서만 지원되는 60% 를 사용하는 브라우저] [1] 있다.
/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */
[지켜보리니 데모] [2]
[1]: http://caniuse.com/ # 검색 = 크기조정할
이거 드세요.
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
#foo {
resize: none;
}
<textarea rows="4" cols="50" name="foo" id="foo">
Minisoft is the best website and software development company providing various IT services to individual and corporate clients globally. http://minisoft.com.bd
</textarea>
끝 - < 스니핏 >;!
내가 어떻게 크기조정할 hotenough. 작은 데모 표시하십시오 속성를 작동합니까. 다른 데 도움이 될 것이라고 좋겠다 너회들의 잘 알려져 있다.
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
.resizeable {
resize: both;
}
.noResizeable {
resize: none;
}
.resizeable_V {
resize: vertical;
}
.resizeable_H {
resize: horizontal;
}
<textarea class="resizeable" rows="5" cols="20" name="resizeable" title="This is Resizable.">
This is Resizable. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</textarea>
<textarea class="noResizeable" rows="5" title="This will not Resizable. " cols="20" name="resizeable">
This will not Resizable. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</textarea>
<textarea class="resizeable_V" title="This is Vertically Resizable." rows="5" cols="20" name="resizeable">
This is Vertically Resizable. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</textarea>
<textarea class="resizeable_H" title="This is Horizontally Resizable." rows="5" cols="20" name="resizeable">
This is Horizontally Resizable. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</textarea>
끝 - < 스니핏 >;!
모든 extarea 비활성화하려면 크기조정할 '의:
textarea {
resize: none;
}
특정 크기조정할 extarea ',' 비활성화하려면 특성 추가, '이름', 'id' 호스트였든 설정하고 迈向 아니다. 이 경우, 이 이름은 '노르시즈'
<textarea name='noresize' id='noresize'> </textarea>
/* Using the attribute name */
textarea[name=noresize] {
resize: none;
}
/* Or using the id */
#noresize {
resize: none;
}