CSS - texto - Madson Dias

@omadson

Texto

CSS - @omadson 2

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 3

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 4

p {

text-align: left;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 5

p {

text-align: right;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 6

p {

text-align: center;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 7

p {

text-align: justify;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 8

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 9

p {

text-decoration: underline;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 10

p {

text-decoration: overline;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 11

p {

text-decoration: blink;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 12

p {

text-decoration:line-through;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 13

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 14

p {

text-transform: none;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 15

p {

text-transform: capitalize;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 16

p {

text-transform: uppercase;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 17

p {

text-transform: lowercase;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 18

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 19

p {

text-indent: 2.5cm;

}

• Alinhamento (esquerda, direita, centro, justificado)

• Decoração

• Transformação (caixa alta, caixa baixa, etc.)

• Recuo

CSS - @omadson 20

p {

text-indent: 3%;

}

font• Para especificar várias propriedades de um seletor de

uma vez só, pode-se usar a propriedade font. Nesta

sintaxe, a ordem dos fatores é importante, porém nem

todos os elementos precisam estar presentes.

CSS - @omadson 21

• http://goo.gl/Fy7Ap

• http://goo.gl/6QCDS

• http://goo.gl/H5dUZ

CSS - @omadson 22

• http://omadson.wordpress.com @omadson

• http://yagoacp.wordpress.com @Yago_A

• http://jedersonsecundino.wordpress.com @JedersonS

CSS - @omadson 23

Obrigado!

CSS - @omadson 24