CSS2 Element 의 visibility스타일과 display스타일

황제낙엽 2008.09.24 10:07 조회 수 : 26 추천:74

sitelink1 http://kin.naver.com/detail/detail.php?d...UgAAEzXJrc 
sitelink2 http://www.w3schools.com/cssref/pr_class_visibility.asp 
sitelink3  
sitelink4  
extra_vars5  
extra_vars6  

visibility : 요소(포함하는 컨텐츠 ?)를 보여주느냐 보여주지 않느냐를 결정
display : 요소(포함하는 컨텐츠 ?)를 inline으로 할건지 block으로 할건지 아예 없는 요소(none)로 할건지를 결정
 
즉 visibility는 그 요소가 점유하고 있는 공간은 유지한채 show/hide만 결정하는 것이고
display는 show/hide의 결정이 아닌 그 요소가 점유하고 있는 공간의 존재방식 여부를 결정하는 것입니다.
 
W3C School

<display>

    The values "inline-table", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and

    "inherit" are not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports the values.

<visibility>

    No versions of Internet Explorer (including IE8) support the property values "inherit" or "collapse".