Controlar o espaço entre as letras com CSS

Postado por: Pedro Rogério em

O espaço entre as letras pode ser controlado com a propriedade letter-spacing do CSS, ela aceita valores positivos e também valores negativos, ou seja, se você colocar valores positivos, o espaço entre as letras será maior, valores negativos diminuem esse espaço. Peguemos esse código como exemplo:


<style type="text/css">

h1 { letter-spacing:15px; }
h2 { letter-spacing:-3px; }

</style>

Como podem ver, o meu título h1 terá um espaço entre as letras de 15px, e no h2, um espaço de -3px, dêem uma olhada nesse exemplo em funcionamento.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Random Posts

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

Central Server

5 Responses to “Controlar o espaço entre as letras com CSS”

  1. Dessa eu já sabia.. mas será quen não existe algum modo de controlar os epacos entre uma lista?

    Pq sente soh…

    Meu menu tah como se fosse assim:

    Meu link
    Meu link
    Meu link
    Meu link
    Meu link
    Meu link

    e vendo o menu pelo firefox, ele anda normal, cada item um certinho em baixo do outro… mas vendo no IE.. ele fica com muito mais espaçamento entre os links.. fica enorme… já tentei padding=0, margin=0, border=0, tudo igual a zero e nuao funciona..

    Sera que sabes a resposta?

  2. Bahhh.. pouts! ai em cima nao apareceu.. mas tah como UL e LI dentro de uma div=menu

  3. Thales disse:

    use margin
    ex:
    margin-top:-3px;

  4. Alysson disse:

    Nao é por margin nao…

    Se quer mexer na altura das linhas numa UL é por line-height.
    ex:.

    line-height:14px;

  5. Gabriel disse:

    line-height deu certinho, estava precisando vlw brother

Leave a Reply