소개

CSS3의 resize 속성은 [영영 크기조절 기능]을 구현해 줍니다.

resize속성의 3개의 값(horizontal, vertical, both)을 가지고 수평 조절, 수직 조절, 수평/수직 조절 옵션을 사용할 수 있습니다.

 

소스

Resize.css

#myLayer

{

    border:1px solid red; width:300px; height:200px;    

    resize:both; overflow:hidden;

}

 

Resize.htm

DOCTYPE html>

html>

head>

    title>resize 속성title>

    link href="Resize.css" rel="stylesheet" type="text/css" />...

 

소개

CSS3의 border-radius 속성은 레이어의 모서리를 둥글게 표현할 때 사용합니다.

border-radius로 한꺼번에 네 귀퉁이 모서리에 대한 동일한 설정을 할 수 있고,

border-[top | bottom]-[left | right]-radius로 네 귀퉁이 모서리의 모양을 달리 설정할 수도 있습니다.

 

소스

DOCTYPE html>

html>

head>

title>border-radius 속성title>

style type="text/css">

#myLayer

{

width:300px; height:200px; padding:20px;

border:1px solid red;

border-radius:20px; ...