CSS3의 속성을 크기 조정

그리고 아직 최종 - - CSS3, 새에 의해 소개되고있는 많은 혁신 중에는 CSS 스타일 시트의 릴리스 속성이 특히 재미있는 것은 크기를 조정할 수 있습니다. 이 속성 덕분에, 정말 쉽게 알 수있다, 당신이 만들 수 있습니다, CSS 코드의 한줄을 (CSS3 만드는 요소의 출현까지를 사용하여 웹 페이지 내에서 간단, 크기 조정 요소는 확장의 사용을 요구 복잡한 JavaScript 함수).

현재이 속성뿐만 아니라, CSS3의 다른 많은 보편적으로 모든 브라우저에서 지원되지만 가족 웹킷 (사파리와 크롬)와 파이어 폭스 4 사람 없습니다.

같은 태그 <textarea> 이러한 브라우저 페이지 요소 중 일부는, 높이와 넓이를 모두 기본적으로 크기 조정되는 지적한다.

관리 크기 조정

: 속성이 다른 값을 가질 수 있습니다 크기 조정

• 없음 = 요소는 크기 조정되지 않습니다;
• 수평 = 요소는 수평에만 크기를 조정할 수 있습니다;
• = 수직 요소는 수직에만 크기를 조정할 수 있습니다;
• = 요소 모두 모두 수직 수평 크기를 조정할 수 있습니다;

몇 가지 예를 들면 다음과 같습니다 :

 / *







 텍스트 영역의 크기 조정을 방지







 * /







 텍스트 영역의 크기를 변경 {: 없음;}









 / *







 나는 수직 크기 조정 요소를 만들려면







 * /







 div.vert {크기 조정 : 수직;}

바운드와 크기를 관리

속성 크기 조절의 사용은 매우 자주 동반 - 디자인의 이유 - 최소 및 / 또는 최대를 결정하는 제약으로하면 해당 요소 크기 조정을지지하실 수 있습니다. 이 작업을 수행하려면 우리는 다음과 같은 CSS 속성을 사용 :

• 최대 - 넓이와 최대 높이
• 분 - 넓이와 높이 분

가자 고정 최대 너비와 수평 크기 조정 사업부의 예제를 참조하십시오

 {div.horiz



  



 높이 : 200px;



  



 폭 : 300px;



  



 최대 - 폭 : 600px;



  



 배경 : # EEEEEE;



  



 국경 : # dddddd 3px 고체;



  



 오버플로 : 자동;



  



 크기 조정 : 수평;







 }

에 이 페이지를 당신은 (물론, 재산은 당신이 그것을 지원하는 브라우저를 사용해야 작업 크기를 조절할 볼 수) 작업 데모를 볼 수 있습니다.