text 관련 css 태그들입니다.

  • 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