CSS3 사용자 인터페이스

CSS3 사용자 인터페이스 - CSS3 크기 조정 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

CSS3 사용자 인터페이스 - CSS3 크기 조정 정보

CSS CSS3 사용자 인터페이스 - CSS3 크기 조정

CSS3에는 크기 조정 요소, 외곽선 및 상자 크기 조정과 같은 새로운 사용자 인터페이스 기능이 있습니다.

이 장에서는 다음 사용자 인터페이스 특성에 대해 학습합니다.

CSS3 크기 조정

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

예

div {

resize: horizontal;

overflow: auto;

}

<!DOCTYPE html>

<html>

<head>

<style>

div {

border: 2px solid;

padding: 20px;

width: 300px;

resize: horizontal;

overflow: auto;

}

</style>

</head>

<body>

<p><b>Note:</b> Internet Explorer does not support the resize property.</p>

<div>Let the user resize the width of this div element.</div>

</body>

</html>