'.' Programs/CSS (101) 썸네일형 리스트형 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 : -----------------------------------------------------------------.. 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 부모 요소의 값을 상속하도록 지정한다. 이전 1 2 3 4 5 ··· 13 다음