본문 바로가기

전체 글

 (239)
미디어 미디어 Media 속성 media 속성 설명 all 모든 표현 미디어에서 사용된다. aural 음성 합성기나 스크린 리더, 문서를 음성으로 표현해주는 기타 장치에서 사용한다. braille 점자 장치로 문서를 표현할 때 사용한다. embossed 점자 출력 장치로 인쇄할 때 사용한다. handheld PDA나 웹 접속이 가능한 핸드폰 같은 휴대폰 장치에 사용한다. print 시각이 있는 사용자를 위한 문서를 인쇄할 때나 문서의 인쇄 미리보기에 사용한다. projection 발표를 하면서 슬라이드쇼를 보여줄 때 사용하는 디지털 프로젝터 등에 사용한다. screen 데스크탑 컴퓨터의 모니터 같은 스크린 매체를 이용해서 문서를 표현할 때 사용한다. tty 문서를 텔레타이프처럼 피치가 고정된 환경으로 전송할 때..
visibility Visibility 개요 : 이 속성은 요소가 화면에 보일지, 숨길지, 겹칠지를 지정한다. 정의 visibility 설명 값 visible | hidden | collapse | inherit 기본값 inherit 적용대상 모든 요소 상속 안됨 백분율 사용불가 미디어 visual 값 값 설명 visible 보이도록 지정한다. hidden 숨기도록 투명하게 지정한다. 자신의 영역을 그대로 보존해서, 화면 배치에 영향을 준다. collapse 겹치도록 지정한다. 테이블의 행과 열 요소만 지정할 수 있으며, 그 외 요소의 지정하면 숨기도록(hidden) 해석된다. inherit 부모 요소의 값을 상속 하도록 지정한다. 예제 - View Source-----------------------------------..
Position Position 개요 : 이 속성은 요소가 위치할 방식을 지정한다. top, right, bottom, left 속성으로 간격(offset)을 지정할 수 있으며, z-index로 z축 순서를 지정할 수 있다. 단 정상(static)위치는 지정할 수 없다. 정의 position 설명 값 static | relative | absolute | fixed | inherit 기본값 static 적용대상 생성된 내용을 제외한 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 static 정상적으로 지정한다. 'top', 'right', 'bottom', 'left' 속성을 지정할 수 없다. relative 상대적인 위치를 지정한다. 'static'과 같은 정상 흐름을 유지하며, 지정한 오프셋..
Top Top 개요 : 이 속성은 위치된 요소의 위쪽 간격(offset)을 지정한다. 정의 top 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. auto 자동으로 계산된 크기를 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. ------------------------------------------------------------------------------------ View Source : ---------------------------------------------------------------..
Right Right 개요 : 이 속성은 위치된 요소의 오른쪽 간격(offset)을 지정한다. 정의 right 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산 된다. auto 자동으로 계산된 크기를 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. ------------------------------------------------------------------------------------------------------- 예제) View Source : ----------------------------------..
Bottom Bottom 개요 : 이 속성은 위치된 요소의 아래쪽 간격(offset)을 지정한다. 정의 bottom 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산 된다. auto 자동으로 계산된 크기를 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. ------------------------------------------------------------------------------------------------------- 예제 View Source : ---------------------------------..
Left Left 개요 : 이 속성은 위치된 요소의 왼쪽 간격(offset)을 지정한다. 정의 left 설명 값 | | auto | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산 된다. auto 자동으로 계산된 크기를 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. ----------------------------------------------------------------------------------------------------------------------------------------- 예제 View Source : ----..
Z-Index Z-Index 개요 : 이 속성은 위치된 요소의 z축 순서를 지정한다. 정의 z-index 설명 값 auto | | inherit 기본값 auto 적용대상 위치된 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 auto 자동으로 계산 된 값을 지정한다. 부모와 동일한 값이 지정된다. 정수 정수를 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. ------------------------------------------------------------------------------------------------------- 예제 View Source : -----------------------------------------------------------------..

티스토리툴바