text

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

CSS 개요 CSS 정의 HTML 기초 CSS 프로그램과 툴 CSS 선택자 CSS 응용 CSS 적용 CSS 선택자 두번째 css 역사

  1. daybreaker

    daybreaker

    Jun/19/05 @ 7:31 pm

    IE에서는 letter-spacing:-1px와 같이 음수값을 주었을 경우 이 한 개의 처럼 나타나는 효과(?)가 있더군요. 물론 근본적으로 를 쓰면 되지만요. :???:

  2. daybreaker

    daybreaker

    Jun/19/05 @ 7:32 pm

    으악.. br 태그를 쓴 거였는데 달린 코멘트를 보니 어디론가 사라졌군요. :shock: [br/][br/]이 한 개의 [br/]처럼 된다는 뜻입니다.

  3. youn

    youn

    Jan/27/06 @ 2:36 pm

    멋진걸요~
    좋은 정보 감사합니다.

  4. namu

    namu

    Sep/28/10 @ 12:20 pm

    감사합니다~ 잘 배우고 있습니다.

  • html 코드삽입시 [code lang="xml"] 과 [/code] 를 앞뒤에 붙여주시고
    css 코드삽입시 [code lang="css"] 와 [/code] 를 앞뒤에 붙여주세요