float 속성
- '띄우다'라는 의미로 원래는 이미지와 텍스트를 어떻게 정렬할 것인지에 대한 속성
- 현재는 레이아웃용으로도 많이 사용
- block level element 에만 float 속성을 사용할 수 있다.
- 속성값
left | 앨리먼트를 왼쪽에 배치하고 나머지 앨리먼트를 오른쪽에 배치. 페이지 흐름이 위에서 아래 |
right | 앨리먼트를 오른쪽에 배치하고 나머지 앨리먼트를 왼쪽에 배치. 페이지 흐름이 위에서 아래 |
inherit | 부모로부터 float 속성 상속 |
none | 지정하지 않음 |
clear 속성
- '취소하다'의 뜻으로 float 속성의 페이지 흐름을 변경
- 속성값
left |
float:left 인 앨리먼트에 대해 주변 앨리먼트가 영향을 받지 않도록 설정 |
right |
float:right 인 앨리먼트에 대해 주변 앨리먼트가 영향을 받지 않도록 설정 |
both |
양쪽 float 속성인 앨리먼트에 대해 주변 앨리먼트가 영향을 받지 않도록 설정 |
inherit | 부모로부터 clear 속성 상속 |
none |
지정하지 않음 |
'Language > CSS' 카테고리의 다른 글
CSS 개념 - flex (0) | 2018.05.31 |
---|---|
CSS 기본 문법1 (0) | 2018.05.17 |