태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

Display

display: value=block | inline | list-item | none

  • block : 앞뒤의 요소에 대해 줄 나누기를 합니다.
  • inline : 앞뒤의 요소에 대해 줄 나누기를 하지 않습니다.
  • list-item : block과 동일한 기능에 목록 표시가 추가됩니다.
  • none : 감춘다.

초기값은 block입니다.


Whitespace

white-space: value=normal | pre | nowrap

  • normal : 여러개의 공백을 하나로 만듭니다.
  • pre : 공백을 그대로 나타냅니다.
  • nowrap : <BR> 요소 없이는 라인 랩을 허용하지 않습니다.

묶음요소에 적용되며, 글자 사이의 공백을 처리합니다.


List Style Type

list-style-type: value=disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

목록앞의 특수기호를 지정한다. display의 'list-item'에 연결된 요소에 적용된다.


List Style Image

list-style-image: value=url | none

display의 'list-item'에 연결된 요소에 지정할 수 있으며, 목록 기호로 사용될 그림을 설정하며 list-style-type에서 지정된 기호를 대신합니다.


List Style Position

list-style-position: value=inside | outside

예)
Outside
* 목록 제목
목록 내용
Inside
* 목록 제목
목록내용

display의 list-item을 가지는 요소에 대해 목록 기호의 위치를 정합니다.


List Style

list-style: value=list-style-type || list-style-position || url

display의 list-item를 가지는 요소에 대하여 list-style-type, list-style-position, list-style-image 등을 한꺼번에 지정합니다.


Background Attachment

background-attachment: value=scroll | fixed

예) BODY {background:url(index.gif);background-attachment:fixed}

지정된 바탕그림을 문서 내용에 따라 그림을 계속 연속시킬 것인지, 고정시킬 것인지를 결정할 때 사용합니다. 초기값은 scroll입니다.



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권고후보에서 삭제)

'웹표준 > CSS' 카테고리의 다른 글

border-style  (0) 2007.09.20
text-overflow  (0) 2007.09.19
cursor 정리  (2) 2007.09.19
Display type 설정  (0) 2007.09.19
주요 스타일시트 속성  (0) 2007.09.19
리스트와 불릿 이미지 - ul, li  (0) 2007.09.18
Posted by 고시랑