Atributos parte I (básicos)
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 | |||
|---|---|---|---|
| Atributo | Significado | Valores | Exemplo |
| text-align | Alinhamento de texto | center, right, left, justify | text-align:justify |
| text-decoration | O nome já diz tudo, decoração de texto | underline, overline, line-through, none | text-decoration: overline |
| text-indent | Tamanho do espaço em branco do parágrafo (à esquerda) | Nº unidade (px, pt, cm, in ...) | text-indent: 50px |
| text-transform | Transformação do texto para um formato | capitalize, uppercase, lowercase | text-transform: capitalize |
| Atributos de fonte (font) | |||
|---|---|---|---|
| Atributo | Significado | Valores | Exemplo |
| font-family | Familia da fonte (nome) | 'fonte1' 'font2' 'font...' | font-family: 'verdana' 'tahoma' |
| font-size | Tamanho da fonte | TamanhoMedida (Nºm) | font-size:15px |
| font-weight | "Peso" da fonte, decoração secundária | <bold> | font-weight: bold |
| font-style | Estilo da fonte | <italic> | font-style:italic |
| font | O atributo em que se resume todos os font* acima | [bold] [italic] <tamanho> <nome> | font:bold 12px verdana |
| Atributos de margem usados para <body> | |||
|---|---|---|---|
| Atributo | Significado | Valores | Exemplo |
| margin-left | Espaço da margem da esquerda | Nº Medida (Nºm) | margin-left:50px |
| margin-right | Espaço da margem da direita | Nº Medida (Nºm) | margin-right:2cm |
| margin-top | Espaço da margem de cima | Nº Medida (Nºm) | margin-top:1in |
| margin-bottom | Espaço da margem de baixo | Nº Medida (Nºm) | margin-bottom:20pt |
| margin | O 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 | |||
|---|---|---|---|
| Atributo | Significado | Valores | Exemplo |
| line-height | Altura da linha de um texto | Nº Medida (Nºm) | line-height:15px |
| letter-spacing | Espaçamento entre cada letra de um determinado texto | Nº Medida (Nºm) | letter-spacing:3px |
| padding | Espaço entre a borda do objeto/texto até o texto | Nº Medida (Nºm) | padding:3px |
| vertical-align | Alinhamento vertical | top, middle, bottom | vertical-align:middle |
| height | Define a altura de algum objeto/table/etc... | Nº Medida (Nºm) | height: 40% |
| width | Define a largura de algum objeto/table/etc... | Nº Medida (Nºm) | width: 400px |
Marco Antonio (MK2)
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