이전
목록
다음
수

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

수다왕
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2017-09-21 (목) 22:07:27 · 1927

CSS3 사용자 인터페이스

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

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

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

e94adc18d502d4223c79b86a9aee9dc8_1505999217_8374.png
 

예
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>

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

퍼블리셔팁

1,282건

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

+
분류 제목 글쓴이 날짜 조회
CSS 17-10-11 조회 2,728
CSS 17-10-11 조회 2,723
HTML 17-10-07 조회 3,526
HTML 17-10-06 조회 3,380
CSS 17-09-29 조회 2,311
CSS 17-09-29 조회 2,676
CSS 17-09-29 조회 2,534
CSS 17-09-26 조회 4,071
CSS 17-09-26 조회 2,733
CSS 17-09-26 조회 1,942
CSS 17-09-22 조회 2,253
CSS 17-09-22 조회 2,420
CSS 17-09-22 조회 2,381
HTML 17-09-22 조회 4,797
CSS 17-09-21 조회 1,933
CSS 17-09-21 조회 2,060
CSS 17-09-21 조회 1,928
CSS 17-09-19 조회 1,958
CSS 17-09-19 조회 1,641
CSS 17-09-19 조회 1,498
CSS 17-09-18 조회 2,591
CSS 17-09-18 조회 2,388
CSS 17-09-18 조회 2,376
CSS 17-09-14 조회 2,419
CSS 17-09-14 조회 2,096
CSS 17-09-14 조회 2,149
CSS 17-09-11 조회 2,482
CSS 17-09-11 조회 2,330
CSS 17-09-11 조회 2,134
CSS 17-09-10 조회 1,999
글쓰기