인터넷정보

text 관련 CSS 태그들입니다.

알 수 없는 사용자 2007. 10. 17. 12:47
text-indent
text-indent 는 보통 문단이 시작할 시에 첫줄의 첫부분이 띄워져서 글자가 시작하는 부분을 말합니다. 물론 인용부분이나 다른 indentation 이 필요한 부분을 일컫는데요, 특정 사이즈 em, px이나 %로 크기를 정할수 있습니다.

예) text-indent: 3em;

text-indent 는 보통 문단이 시작할 시에 첫줄의 첫부분이 띄워져서 글자가 시작하는 부분을 말합니다. 물론 인용부분이나 다른 indentation 이 필요한 부분을 일컫는데요, 특정 사이즈 em, px이나 %로 크기를 정할수 있습니다. text-indent 는 보통 문단이 시작할 시에 첫줄의 첫부분이 띄워져서 글자가 시작하는 부분을 말합니다. 물론 인용부분이나 다른 indentation 이 필요한 부분을 일컫는데요, 특정 사이즈 em, px이나 %로 크기를 정할수 있습니다.
text-align
글의 정렬을 정합니다. 많이 써보신 부분이죠 ^^ left, center, right, justify 들이 값이며 예는

예) text-align: right;

text-decoration
글자를 꾸미는것입니다. 밑줄, 윗줄, 가운데에 지워진듯한 줄 을 줄수 있습니다.

underline = 밑줄을 긋습니다
overline = 윗줄을 긋습니다
line-through = 가운데에 선을 긋습니다. 지워진듯하죠
blink = blink, 깜빡깜빡 김깜빡입니다. IE는 싫어합니다.

들이 값이며 none 또한 많이 쓰이는값입니다. 보통 브라우저들이 링크는 저절로 밑에 밑줄(underline)을 긋게되는데 text-deocration: none; 을 주게되면 링크라고 하더래도 밑에 줄이 생기지 않게 되겠죠.

예)text-decoration: line-through;

letter-spacing
father 할때에 f와 a, a와t 사이의 간격을 말합니다. 글자하나하나사이의 간격을 말하는것이죠. 왠만하면 작은 값으로 다루게 됩니다. 0.1em 이라던지 말이죠.

예) letter-spacing: 0.1em;

word-spacing
단어와 단어 사이의 간격을 조절합니다. 길이값은 다 쓰실수 있습니다.

단어와 단어간격 -> 단어와 단어간격

예) word-spacing: 5em;

text-transform
글자의 소문자 대문자를 관리합니다. 3가지 값을 쓸수 있는데
첫번째는 capitalize 로 첫글자를 대문자로 바꾸어 줍니다. Capitalize.
두번째는 uppercase 로 단어를 모두 대문자로 만들어 줍니다. CAPITALIZE.
세번째는 lowercase 로 단어를 모두 소문자로 만들어줍니다. capitalize.
물론 언제나 none이 있죠  

white-space
글자들사이의 공간을 제어합니다.
pre 는 새로운 라인으로 시작하라는 태그가 보이기 전까지 문장은 이어집니다.
nowrap 은 normal 과 같지만
을 무시하고 적용합니다.
pre-wrap
반응형