CSS 크기 조정 속성


  번역 결과:

resize

English [ˌri:ˈsaˈz] US [,ri'saˈz]

v.Resize

CSS 크기 조정 속성통사론

크기 조정은 무엇을 의미하나요?

resize는 사용자가 요소의 크기를 조정할 수 있는지 여부를 지정하는 데 사용되는 CSS 속성으로, 오버플로 속성과 함께 사용해야 합니다.

기능: resize 속성은 사용자가 요소의 크기를 조정할 수 있는지 여부를 지정합니다.

구문: ​​resize: none|both|horizontal|vertical;

설명: none 사용자는 요소의 크기를 조정할 수 없습니다. 둘 다 사용자가 요소의 높이와 너비를 조정할 수 있습니다. 수평 사용자는 요소의 너비를 조정할 수 있습니다. 수직 사용자는 요소의 높이를 조정할 수 있습니다.​

참고: 이 속성을 적용하려면 요소의 오버플로 속성을 설정해야 합니다. 값은 자동, 숨김 또는 스크롤일 수 있습니다.

CSS 크기 조정 속성예

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:2px solid;
padding:10px 40px; 
width:300px;
resize:both;
overflow:auto;
}
</style>
</head>
<body>
<div>resize 属性规定是否可由用户调整元素尺寸。</div>
<p><b>注释:</b> Firefox 4+、Safari 以及 Chrome 支持 resize 属性。</p>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A