Weblivre.net - Informação em Primeiro Lugar

Assine nosso RSS

Dicas de Leitura

Decisões com B.I. (Business Intelligence) Cd Rom Info Especial Excel Superdicas para Falar Bem em Conversas e Apresentações Aprenda a se Comunicar com Habilidade e Clareza

Newsletter

Receba notícias e novidades em seu e-mail.

Shopping Weblivre

Publicado em 26/01/2005 - Comente este artigo - Ler artigos relacionados - Você está em: Colunas » CSS

Atributos (Parte I)

Atributos parte I (básicos)

Olá!

Bom, depois da introdução, nada melhor do que conhecermos os principais atributos do CSS e como podem ser seus valores. Desculpe o atraso para o segundo artigo, eu estava um pouco sem tempo... mas vamos ao que interessa!

O que estiver entre "[]" são valores opcionais o que estiver entre "<>" são obrigatórios

Atributos de texto
AtributoSignificadoValoresExemplo
text-alignAlinhamento de textocenter, right, left, justifytext-align:justify
text-decorationO nome já diz tudo, decoração de textounderline, overline, line-through, nonetext-decoration: overline
text-indentTamanho do espaço em branco do parágrafo (à esquerda)Nº unidade (px, pt, cm, in ...)text-indent: 50px
text-transformTransformação do texto para um formato capitalize, uppercase, lowercasetext-transform: capitalize

Atributos de fonte (font)
AtributoSignificadoValoresExemplo
font-familyFamilia da fonte (nome)'fonte1' 'font2' 'font...'font-family: 'verdana' 'tahoma'
font-sizeTamanho da fonteTamanhoMedida (Nºm)font-size:15px
font-weight"Peso" da fonte, decoração secundária<bold>font-weight: bold
font-styleEstilo da fonte<italic>font-style:italic
fontO atributo em que se resume todos os font* acima[bold] [italic] <tamanho> <nome>font:bold 12px verdana

Atributos de margem usados para <body>
AtributoSignificadoValoresExemplo
margin-leftEspaço da margem da esquerdaNº Medida (Nºm)margin-left:50px
margin-rightEspaço da margem da direitaNº Medida (Nºm)margin-right:2cm
margin-topEspaço da margem de cimaNº Medida (Nºm)margin-top:1in
margin-bottomEspaço da margem de baixoNº Medida (Nºm)margin-bottom:20pt
marginO atributo em que se resume todos os margin* acima <[top]/todas> [left] [bottom] [right]font:bold 12px verdana

Atributos diversos de espaçamento e definição de dimensão
AtributoSignificadoValoresExemplo
line-heightAltura da linha de um textoNº Medida (Nºm)line-height:15px
letter-spacingEspaçamento entre cada letra de um determinado textoNº Medida (Nºm)letter-spacing:3px
paddingEspaço entre a borda do objeto/texto até o textoNº Medida (Nºm)padding:3px
vertical-alignAlinhamento verticaltop, middle, bottomvertical-align:middle
heightDefine a altura de algum objeto/table/etc...Nº Medida (Nºm) height: 40%
widthDefine a largura de algum objeto/table/etc...Nº Medida (Nºm) width: 400px

Bom, esta é a primeira parte dos atributos, na próxima matéria eu acrescento os últimos :)
Abraços e até mais!

Marco Antonio (MK2)

Autor: Marco Antonio

Compartilhe:

Comentários

Seja o primeiro a comentar!

2004-2008 Weblivre.net Todos os direitos reservados.

Quem somos | Política de Acesso | Anuncie | Na Mídia | Seja um Colunista | Sugestão de Pauta | Fale Conosco

Idealização: Webla - Comunicação Digital