CSS dispay 프로퍼티

CSS 2009.10.25 15:26

CSS dispay 프로퍼티

dispay 프로퍼티는 엘리먼트를 어떻게 보여주냐(또는 어떤 타입으로 참조:엘리먼트의 분류)를 정하는 css 프로퍼티이다. 가장대표적인 값으로 none, inline, block가 있다.이세가지부터 간단히 보자

none
영문 뜻그대로다. 보이지 않게 한다.엘리먼트가 화면에 보이지않는다.

아무것도 안보임ㅠㅠ

p{display:none;}
inline
인라인(inline) 엘리먼트처럼 보여준다. 즉 한줄로 보여주게 된다.예제를 보자.가장대표적으로 li의경우 사용되는 경우가 많다.
  • 한줄로
  • 나란히
  • 줄서기
li{display:inline;}

이러면한줄로 나란히 줄서기이렇게 한줄로 화면에 표시될것이다

block
앞서설명한 inline과 반대로 블록(block) 엘리먼트처럼 보여준다

아래의 p엘리먼트안에 a엘리먼트가 블록으로 바뀐다.

우리는 한블럭 차지하네

#gama a{ display:block; }

예제는 여기가서 보자http://sianasiatiger.cafe24.com/study/S_display.html


설정

트랙백

댓글