Forum

Alinhamento do Texto

Sintaxe CSStex-align
Valores possíveisleft,right,center,justify
Valor inicialleft
Aplicado paraelementos de um bloco

INSTRUÇÕES DE ESTILO

P.esquerda { text-align: left; }
P.dir { text-align: right; }
P.centro { text-align: center; }
P.just { text-align: justify; }

DOCUMENTO HTML

<P CLASS= "esquerda ">Texto alinhado à esquerda</P>
<P CLASS= "dir ">Texto alinhado à direita</P>
<P CLASS= "centro ">Texto alinhado no centro</P>
<P CLASS= "just ">Texto justificado, Texto justificado, Texto justificado,Texto justificado,Texto justificado,Texto justificado Texto justificado,Texto justificado,Texto justificado,Texto justificado</P>

EXIBIÇÃO NO NAVEGADOR

Texto alinhado à esquerda

Texto alinhado à direita

Texto alinhado no centro

Texto justificado, Texto justificado, Texto justificado,Texto justificado,Texto justificado,Texto justificado Texto justificado,Texto justificado,Texto justificado,Texto justificado

Ordenação do Texto

Sintaxe CSStex-indent
Valores possíveislargura, porcentagem
Valor inicial0
Aplicado paraelementos de um bloco

INSTRUÇÕES DE ESTILO

P { text-indent: 3em; }
#in { text-indent: 20%; }

DOCUMENTO HTML

<P>Na primeira linha o texto é ordenado a uma certa distância, Na primeira linha o texto é ordenado a uma certa distância</P>
<P ID= "in ">Na primeira linha o texto é ordenado a 20% da margem, Na primeira linha o texto é ordenado a 20% da margem</P>

EXIBIÇÃO NO NAVEGADOR

Na primeira linha o texto é ordenado a uma certa distância, Na primeira linha o texto é ordenado a uma certa distância

Na primeira linha o texto é ordenado a 20% da margem, Na primeira linha o texto é ordenado a 20% da margem

Blocos

"Stylesheet " trata cada elemento de um bloco como se ele estivesse dentro de uma caixa. E cada caixa possui as propriedades margens, bordas e enxertos como mostra o exemplo abaixo. Entre o conteúdo do documento e as bordas do bloco se define o enxerto, que não pode ter número negativo.



 

Margens

Expressa a distância mínima entre as bordas de dois elementos adjacentes. A propriedade margin pode especificar para as 4 margens ao mesmo tempo, ou para cada uma (esquerda, direita, superior, inferior) independente

Sintaxe CSSmargin-left,margin-right,margin-top,margin-bottom,margin
Valores possíveislargura,porcentagem,auto
Valor inicial0 (o uso de margens negativas não é recomendável)
Aplicado paratodos os elementos

INSTRUÇÕES DE ESTILO

P.a {
margin-left: 50px;
border-style:solid;
border-width:1px;}
P.b {
margin: 10%,10%,0%,0% ;
border-style:solid;
border-width:1px; }

DOCUMENTO HTML

<P CLASS= "a ">A margem esquerda deste parágrafo foi definida como 50px</P>
<P CLASS= "b ">Este bloco apresenta a margem esquerda e direita de 0%, mais a parte superior e inferior de 10%</P>

EXIBIÇÃO NO NAVEGADOR

A margem esquerda deste parágrafo foi definida como 50px

Este bloco apresenta a margem esquerda e direita de 0%, mais a parte superior e inferior de 10%