float / clear / overflow / direction / unicode-bidi
인터넷정보2009. 5. 15. 17:39
float(요소의 가로배치) :속성값
- 속성이 적용된 요소의 위치를 좌우측으로 정렬시킵니다.
- 요소를 좌측으로 정렬하고 다음에 오는 요소를 우측으로 정렬할 경우에는 속성값을 left로 입력하고, 요소를 우측으로 정렬하고 다음에 오는 요소를 좌측으로 정렬할 경우에는 속성값을 right로 입력합니다.
- 기본값은 none이고, 속성을 사용하지 않았을 경우에 같은 결과를 나타냅니다.
clear(float 속성 설정의 해제) :속성값
- float속성에서 설정한 좌우 정렬을 해제시키는 역할을 합니다. 기본 속성값은 none으로 속성을 사용하지 않았을 때와 같이 아무런 해제도 시키지 않습니다.
- 속성값
none 기본값으로 아무 변화도 생기지 않습니다. left float 속성의 속성값이 left로 적용된 경우에 이를 해제합니다. right float 속성의 속성값이 right로 적용된 경우에 이를 해제합니다. both float속성의 모든 값을 해제합니다.
- 이 속성은 float 속성이 사용된 요소에 사용하는것이 아니라 그 다음에 오는 요소 중 float 속성의 영향을 받는 요소에 사용합니다. 즉, float 속성을 right로 사용했다면 해당 요소의 우측정렬로 인해 우측에 나타나는 요소에 이 clear 속성을 right로 사용하면, float속성이 해제되는 것입니다.
overflow(박스를 벗어난 부분의 설정) :속성값
- 박스형태로 되어있는 요소에서 박스의 범위를 벗어난 부분이 있을 경우에 이 부분의 처리에 관한 설정을 합니다.
- 속성값
auto 브라우저의 설정에 따라 다르게 나타납니다.. visible 박스를 벗어나는 부분도 보이도록 설정합니다. hidden 박스를 벗어나는 부분은 보이지 않도록 설정합니다. scroll 스크롤바를 생성해서 박스 안에서 볼 수 있게 설정합니다.
- 익스플로러와 넷스케이프 모두 속성값을 auto로 설정할 경우 입력 부분이 박스를 넘을 때는 스크롤바가 생성됩니다. 그러나 scroll속성을 사용햇을 경우에는 박스 범위를 넘지 않더라도 스크롤바가 생성되어 출력됩니다.
direction(문자열 표시 방향) :속성값
- 문자열의 기본적인 표시 방향인 왼쪽에서 오른쪽이 아닌 오른쪽에서 왼쪽으로 출력할 수 있습니다.
- 속성값
ltr Left To Right란 뜻으로 왼쪽에서 오른쪽으로 출력한다는 의미입니다. 기본값입니다.. rtl Right To Left란 뜻으로 오른쪽에서 왼쪽으로 출력한다는 의미입니다.
unicode-bidi(텍스트 표시 방향) :속성값
- 익스플로러 전용 속성인 unicode-bidi는 텍스트의 기본적인 출력 방향인 왼쪽에서 오른쪽이 아닌 오른쪽에서 왼쪽으로 설정합니다.
- 속성값으로는 기본값인 nomal, inline 요소일 경우에 사용하는 embed, 해당 요소가 블록 요소일 경우에 사용하는 bidi-overide가 있습니다.
- 속성값 bidi-override와 direction 속성에 rtl속성값을 함께 사용하면 텍스트의 출력이 반대로 됩니다.
'인터넷정보' 카테고리의 다른 글
세로로 찍은 동영상 가로로 변경 전환해 보기 (0) | 2010.02.02 |
---|---|
풀 브라우징 휴대폰 모바일의 User Agent명(브라우저명)은? (0) | 2009.12.24 |
유투브 웹상 음성이나 영상으로 다운하기 (0) | 2009.12.16 |
폰트목록 (0) | 2009.06.25 |
한글, 한자, 영문 폰트 (0) | 2009.06.25 |
HTML Special Characters & Symbols Character Entity Reference (0) | 2009.05.05 |
현재의 웹 페이지에서 신뢰할 수 있는 사이트 목록에 포함되어 있는 사이트를 열려고 합니다. 해당사이트를 열도록 허용하시겠습니까? (0) | 2009.05.01 |
[함수] 타도메인 외부사이트의 이미지(파일) 크기 구하기 (0) | 2008.12.02 |
PHP5에서 foreach의 변수참조 (예 EUC-KR → UTF-8로 iconv시 유용) (0) | 2008.12.02 |
파일 용량 체그 표기용 변환 (0) | 2008.12.02 |