LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Quarta-feira, 08/01/2003 - 03:00 - Por Robson Cavalcante
Seções relacionadas:

Atribuos do CSS

Olá pessoal!

Semana passada dei uma breve introdução de como surgiram os Cascading Style Sheets "famosas folhas de estilo" e um exemplo de como poderíamos aplicar em seus trabalhos. Esta semana trouxe uma lista dos principais atributos utilizados e sua formatação no documento HTML.

Atributo de CSS
O que ele formata
background Cor de fundo, imagem, transparência.
background-attachment Rolagem do fundo / Marca d'água.
background-image Imagem de fundo.
background-color Cor de fundo ou transparência.
background-position Posicionamento da imagem de fundo.
background-repeat Configuração lado-a-lado da imagem de fundo.
border Largura, estilo e cor de todas as 4 bordas.
border-bottom Largura, estilo e cor da borda inferior.
border-bottom-color Cor da citada borda.
border-bottom-style Estilo da citada borda.
border-bottom-width Largura da citada borda.
border-color Cor das 4 bordas.
border-left Largura, estilo e cor da borda esquerda.
border-left-color Cor da borda citada.
border-left-style Estilo da borda citada.
border-left-width Largura da borda citada.
border-right Largura, estilo e cor da borda direita.
border-right-color Cor da borda citada.
border-right-style Estilo da borda citada.
border-right-width Largura da borda citada.
border-style Estilo de todas as 4 bordas.
border-top Largura, estilo e cor da borda superior.
border-top-color Cor da borda citada.
border-top-style Estilo da borda citada.
border-top-width Largura da borda citada.
border-width Largura de todas as 4 bordas.
clear Elementos flutuantes à esquerda ou à direita de um elemento.
clip Parte visível de um elemento.
color Cor de primeiro plano.
cursor Tipo de ponteiro do mouse.
display Se o elemento é exibido e o espaço é reservado para ele.
filter Tipo de filtro aplicado ao elemento.
float Se o elemento flutua.
font Estilo, variante, peso, tamanho e altura da linha do tipo de fonte.
@font-face Incorporação da fonte ao arquivo HTML.
font-family Tipo de fonte.
font-size Tamanho da fonte.
font-style Fonte itálico.
Fonte-variant Fonte bold.
font-weight Peso da fonte de claro a negrito.
height Altura exibida ao elemento.
@import Folha de estilo a importar.
left Posição do elemento em relação a margem esquerda da página.
letter-spacing Distância entre as letras.
line-height Distância entre linhas de base.
list-style Tipo, imagem e posição do estilo da lista.
list-style-image Marcador de item de lista.
list-style-position Posição do marcador de item da lista.
list-style-type Marcador de item de lista alternativo.
margin Tamanho de todas as 4 margens.
margin-left Tamanho da margem esquerda.
margin-right Tamanho da margem direita.
margin-bottom Tamanho da margem inferior.
margin-top Tamanho da margem superior.
overflow Exibição de imagens que são maiores do que suas molduras.
padding Espaço em torno de um elemento em todos os lados.
padding-bottom Espaço a partir da margem inferior de um elemento.
padding-left Espaço à esquerda do elemento.
padding-right Espaço à direita do elemento.
padding-top Espaço a partir da margem superior do elemento.
page-break-after Inserir quebra de página depois de um elemento.
page-break-before Inserir quebra de página antes de um elemento.
position Como o elemento é posicionado na página.
text-align Alinhamento do texto.
text-decoration Sublinhado, sobrelinhado ou riscado.
text-indent Recuo da primeira linha do parágrafo.
text-transform Transformação para todas maiúsculas, minúsculas ou inicial maiúscula.
top Posição do elemento em relação a parte superior da página.
vertical-align Alinhamento vertical do elemento.
visibility Se elemento é visível ou invisível.
width Largura do elemento.
z-index Posição do elemento na pilha.

Dica:
No que os estilos podem nos ajudar?
·· Economizar o seu tempo;
·· Diminuir o tamanho do código de sua página;
·· Sua página irá carregar mais rapidamente;
·· Mais facilidade de manter e fazer alterações na página;
·· Mais controle no layout da página;
·· e muitos outros que você mesmo descobrirá...

Desejo à todos um feliz Natal e um feliz Ano Novo, muita paz no coração e alegria no ano que se inicia.

Semana que vem estarei mostrando algumas aplicações em formulário e seu funcionamento.

Todos os artigos de Robson Cavalcante

0 comentários publicados

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Robson Cavalcante trabalha com desenvolvimento de soluções web, dedicado principalmente a trabalhos com folhas de estilos.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.