테스트 사이트 - 개발 중인 베타 버전입니다

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

· 8년 전 · 1497

CSS3 사용자 인터페이스

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

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

  • resize
  • outline-offset

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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
3260
3259
3258
3257
3256
3255
3254
3253
3252
3251
3250
3249
3248
3247
3246
3245
3244
3243
3241
3240
3239
3238
3237
3236
3235
3234
3233
3232
3231
3230