기타 강좌



CSS의 display 속성은 해당 엘레멘트가 화면에 어떻게 보여지는지를 결정하는 역할을 합니다.
display 속성의 값은 다 따지면 19가지나 되지만, 실제로 자주 쓰이는 것은 inline과 block, inline-block, none 값이며, 이외의 것은 브라우저에서 지원하지 않는 것도 많기 때문에 불안정해서 사용되지 않는다고 하네요.


block : 블록박스로 만든다.
inline : 인라인 박스로 만든다.
inline-block : 블록박스로 만들어지지만, 인라인 박스처럼 배치된다. (CSS2.1 권고후보에 추가)
none : 박스를 만들지 않으며 시각적으로 완전히 보이지 않는다.
inherit : 상위 요소의 display속성을 상속받는다.

table : 블록레벨의 표로 만든다. (table)
inline-table : 인라인레벨의 표로 만든다. (table)
table-row : 행으로 만든다 (tr 기본 속성)
table-row-group : 본체 행 그룹으로 만든다. (tbody 기본 속성)
table-header-group : 헤더 행 그룹으로 만든다. (thead 기본 속성)
table-footer-group : 푸터 행 그룹으로 만든다. (tfoot 기본 속성)
table-column : 열로 만든다. (col 기본 속성 - 보이지 않음)
table-column-group : 열 그룹으로 만든다. (colgroup 기본 속성 - 보이지 않음)
table-cell : 하나의 셀로 만든다. (td 기본 속성)
table-caption : 캡션으로 만든다. (caption 기본 속성)

list-item : li요소와 같은 블록박스와 목록항목의 인라인박스로 만든다.
run-in : 런인박스로 만든다.
compact : 콤팩트 박스로 만든다. (CSS2.1권고후보에서 삭제)
marker : 그 요소의 전후에 생성된 내용을 마커로 정의한다. (CSS2.1권고후보에서 삭제)


출처 - http://biju.tistory.com/280

Who's 아방스

profile

List of Articles
분류 제목 글쓴이 날짜 조회 수
Vegas Pro 베가스 강좌 목록 아방스 2017.09.28 917
파이널컷X 파컷 강좌 목록 아방스 2017.06.18 809
웹디자인 관련 웹 디자인 무료 버튼 템플릿! - 4 Web Buttons file 아방스 2011.12.07 1156
웹디자인 관련 버튼 psd 템플릿사이트 모음 아방스 2011.12.07 2025
웹디자인 관련 웹 디자인 무료 버튼 템플릿! - 3 “Call To Action” Buttons file 아방스 2011.12.07 1281
웹디자인 관련 웹 디자인 무료 버튼 템플릿! - Call To Action file 아방스 2011.12.07 1497
템플릿 ayatoweb1 [Standard 3D 플러그인 필요] file 아방스 2011.12.06 2340
XpressEngine 2011.11.05 XE Camp - XE 개발팀에 직접 물어보세요 아방스 2011.11.08 2204
XpressEngine 2011.11.05 XE Camp - XE 모듈 제작 가이드 아방스 2011.11.07 2359
XpressEngine 2011.11.05 XE Camp - XE 스킨 제작 가이드 아방스 2011.11.07 1976
XpressEngine 2011.11.05 XE Camp - XE를 활용한 웹 사이트 구축 아방스 2011.11.07 1989
XpressEngine 2011.11.05 XE Camp - XE 마켓 소개 아방스 2011.11.07 2017
XpressEngine 2011.11.05 XE Camp - XE 소개 및 오픈소스 참여 방법 3 아방스 2011.11.06 2244
XpressEngine 무료 호스팅 계정 정보 (유료 포함) 3 아방스 2011.11.04 2118
기타 게임 엔진 中 [렌더링 엔진] 비교 3 아방스 2011.10.24 3433
기타 응용..에 관한 간단한 고찰.(??) 개촙포에버 2011.10.13 1770
css display 속성 아방스 2011.09.17 2217
플래시 플래시 MX 활용법! 1 은색바람 2011.09.09 2796
기타 캐릭터고르는 이벤트 만들기 1 file ☆고진수 2011.08.25 2263
기타 RPG-Builder 3D - 캐릭터 그래픽을 드래곤 으로 바꿔보자! 5 file 더블오렌지 2011.08.08 2464
게임기획 게임,개발기획의 기초 9 file 공룡칸드 2011.07.31 2906
기타 Blender 3D 게임 엔진 1 에돌이 2011.07.08 4654
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 Next
/ 19