본문 바로가기

'.' Programs

 (161)
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 : -----------------------------------------------------------------..
Clip Clip 개요 : 이 속성은 대상의 특정한 영역만 잘라내서(clip) 화면에 출력하도록 지정한다. 포토샵의 마스크 개념과 같으며, clip:rect(top right bottom left) 형식으로 지정할 수 있다. 정의 clip 설명 값 | auto | inherit 기본값 auto 적용대상 블럭 레벨 요소와 대체된 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 auto 자동으로 값을 계산한다. 요소의 크기와 위치에 선택된다. shape rect(top, right, bottom, left)로 위족부터 시계 방향으로 차례로 영역을 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다.
Overflow Overflow 개요 : 이 속성은 넘쳐흐른(overflow) 요소를 보일지, 감출지, 스크롤할지 지정한다. 정의 overflow 설명 값 visible | hidden | scroll | auto | inherit 기본값 visible 적용대상 블럭 레벨 요소와 대체된 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 visible 보이도록 지정한다. 블럭 박스 밖으로 출력될 수 있다. hidden 숨기도록 지정하며, 스크롤을 제공하지 않는다. 잘려진 부분의 크기와 모양은 'clip' 속성으로 지정한다. scroll 스크롤을 제공하도록 지정한다. 잘려서 보이지 않는 부분을 스크롤 해서 볼 수 있다. auto 자동으로 계산된 값을 지정한다. 요소의 크기가 지정되지 않으면 내용의 크기만큼 ..
Float Float 개요 : 이 속성은 요소가 흐를(float) 방향을 지정한다. 주로 글자가 이미지 주변을 흐르도록 이미지에 사용되지만, 배치나 정렬 등 레이아웃을 구성하기 위해서 모든 요소에 사용될 수 있다. 정의 float 설명 값 left | right | none | inherit 기본값 none 적용대상 위치된 요소와 생성된 내용을 제외한 모든 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 left 왼쪽으로 흐르는 블럭 박스로 지정한다. 뒤 따르는 요소는 박스의 오른쪽 면을 따라서 흐른다. 값이 'none'이 아니면 'display'는 무시 된다. right 오른쪽으로 흐르는 블럭 박스로 지정한다. 뒤 따르는 요소는 박스의 왼쪽 면을 따라서 흐른다. 값이 'none' 아니면 'dis..
Clear Clear 개요 : 이 속성은 요소의 흐름을 해제한다. 정의 clear 설명 값 none | left | right | both | inherit 기본값 none 적용대상 블럭 레벨 요소 상속 안됨 백분율 사용 불가 미디어 visual 값 값 설명 left 왼쪽으로 흐르지 않도록 지정한다. 왼쪽으로 흐르는 요소의 높이만큼쪽 으로 마진을 생성한다. right 오른쪽으로 흐르지 않도록 지정한다. 오른쪽으로 흐르는 요소의 높이만큼 위쪽으로 마진을 생성한다. both 생성된 박스는 원문에서 먼저의 요소로 부터 만들어진 모든 유동 박스 아래로 이동한다. none 유동에 대한 박스의 위치에 변화가 없다. inherit 부모 요소의 값을 상속하도록 지정한다.
Font-Family Font-Family 개요 : 이 속성은 요소에 특정 글꼴이나 "대표 글꼴"을 지정한다. 특정 글꼴은 사용자의 시스템 환경에 의존하므로, "대표글꼴"을 반드시 지정하길 권장한다. 브라우저에 따라 쉼표가 아닌 공백(space)으로 글꼴 이름을 구분할 수 있으므로, 공백을 갖는 글꼴 가족 이름들은 따옴표로 묶어야 한다. (예: "맑은 고딕") 사용자의 시스템에 설치 되지 않은 글꼴을 대비해서, 다양한 글꼴 이름을 순서대로 지정한다. 첫번째 지정한 글꼴이 사용자 시스템에 설치되어 있으면, 해당 글꼴을 출력한다. 그렇지 않으면, 두번째 지정한 글꼴을, 그도 아니면 세번째 글꼴을 출력한다. 만일 지정한 글꼴이 모두 설치 되지 않았다면, 브라우저에서 지정한 기본 글꼴이 적용된다. 사용자의 시스템 글꼴이란 운영체제와..

티스토리툴바