[백업][가리사니] html 의 display 속성
html

이 문서는 가리사니 개발자 포럼에 올렸던 글의 백업 파일입니다. 오래된 문서가 많아 현재 상황과 맞지 않을 수 있습니다.

html 객체의 css의 display 속성에 대해서 알아봅시다.

block [div…] : 일반적인 블락입니다. 크기를 지정하지않으면 가로는 가득차고 세로는 컨텐츠의 높이만큼 있습니다. 물론 내부 컨텐츠의 속성에 따라 block을 뚫고나올 수 있지만. 이는 여러가지 방법으로 잡아주셔야합니다. 가장 많이 사용하는 방법으론 overflow:.. 와 크기를 지정하는 방법입니다.

inline [span, b, a, p…] : 보통 글자를 쓰면 써지는 태그라고 보시면됩니다. padding값이 무시되며 margin도 좌우로만 적용됩니다.

inline-block [input, textarea, keygen, select, button…] : block의 padding margin을 쓸수있는 inline태그라고 보시면됩니다. inline처럼 옆으로 다닥다닥 붙여서 쓸 수 있으며 (block에서 쓰려면 float등의 속성을 써야한다.) 기본적으로 block과 inline의 속성을 적절히 가지고 있는 속성이라고 보시면됩니다.

table* [테이블 관련] 테이블 관련 옵션입니다. 이 옵션을 가지고있으면, 관계형이 유지되며, css2이하에서도 수직정렬을 할 수 있게됩니다.[td에 한하여] 하지만 다른 옵션을 강제로 이 옵션으로 바꾸는 것은 권장하지 않습니다.

none [style, script, input[type=hidden]…] 눈에 보이지 않는 옵션입니다.

이밖에도 많은 옵션들이 있지만. 보통 이정도가 가장 많이 쓰이는 옵션입니다.