Atributos de CSS
Atributos para Texto
| nome | o que faz | exemplo |
| font-family | Muda a fonte da página. Você pode por várias separadas por virgula | font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; |
| font-size | Muda o tamanho da fonte (unidades aceitas: pt, %, in (poleagada), cm, px) | font-size:9px; |
| font-weight | Deixa a fonte mais grossa | font-weight:bold; |
| font-style | Muda o estilo da fonte | font-style:italic; |
| font-variant | Deixa o texto normal ou em CAPS LOCK | font-variant:small-caps; |
| line-height | Muda a distância entre as linhas (u. a. : pt, %, in, cm, px) | line-height:3px; |
| text-decoration | Muda a decoração do texto | text-decoration:underline; |
| text-align | Muda o alinhamento do texto | text-align:center/right/left/ justify; |
| color | Muda a cor do texto | color:#FFFFFF; |
| filter | Põe um filtro no texto. Você pode ver uma lista de filtros aqui . | filter: FlipH |
| letter-spacing | Muda o espaçamento entre as letras (u. a. : pt, %, in, cm, px) | letter-spacing:2px; |
| valing | Alinhamento vertical do texto | valing:top/middle/bottom/ baseline; |
Cores e Imagens de Fundo
| nome | o que faz | exemplo |
| background-color | Define a cor do fundo | background-color:#FFFFFF; |
| background-image | Define uma imagem de fundo | background-image:url(imagem.gif/jpg/etc) |
| background-repeat | Determina como a imagem será repetida ( repeat-x (repete apenas horizontalmente) repeat-y (repete apenas verticalmente) | background-repeat:repeat-y; |
| background-positon | Determina o posicionamento da imagem de fundo ( left, center, top, bottom, etc) | background-positon:right; |
Bordas
| nome | o que faz | exemplo |
| border-color | Determina a cor da borda | border-color:#000000; |
| border-style | Estilo da borda (solid, dotted, inset(3d)) | border-style:dashed; |
| border-widht | Muda a espessura da borda | border-widht:2px; |
| OBS: | você pode por apenas a tag border , como demonstrado ao lado | border: 2px dashed #000000; |
OBS: A você pode usar o "filter" em textos, imagens e em bordas (:
u.a.: Unidades Aceitas
Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?
