높이와 폭의 최소값, 최대값
높이나 폭을 최소값으로 지정하고 싶을땐 min-height, min-width를 사용
최대값을 지정하고 싶을땐 max-height, max-width를 사용하면 된다.
'min-'
영역의 최소값을 지정해준다.
길이나 퍼센테이지로 지정한다.
마이너스는 불가능.
'max-'
영역의 최대값을 지정해준다.
길이나 퍼센테이지로 지정
마이너스는 불가능
min-width, min-height가 width, height보다 클 경우 min의 값으로 설정된다.
max-width, min-height가 width, height보다 작을 경우 max의 값으로 설정된다.
min의 값이 max값보다 클경우 min의 값으로 설정된다.
예시
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>최소 값, 최대 값</title> <style type="text/css"> .min { min-width:200px; min-height:200px; background:#3CC; } .max { max-width:200px; max-height:200px; background:#CCC; } </style> </head> <body> <div class="min"> 젤라의 작업실 </div> <div class="max"> 젤라의 작업실 </div> </body> </html> |
