Informática Numaboa - Tutoriais e Programação

Pequeno laboratório de CSS II

Seg

17

Abr

2006


23:21

  • Imprimir
(5 votos, média 4.20 de 5) 


Nível Intermediário Esta é a continuação do tutorial de CSS para iniciantes, agora abordando assuntos de nível intermediário.


Propriedades de Texto

As propriedades de texto controlam a aparência do mesmo. É possível mudar sua cor, aumentar ou diminuir o espaço entre os caracteres, alinhar e decorar o texto, recuar a primeira linha de um texto e muito mais.

Nesta parte do tutorial veremos como se comportam as propriedades de texto. Clique várias vezes nos links da tabela para ver como as propriedades são entendidas pelo navegador e colocadas na Área de Teste.

Na tabelas abaixo, a coluna IE indica a versão do Internet Explorer, a F do Firefox e a N do Netscape. A coluna W3C indica a versão da recomendação (CSS1 ou CSS2).

ÁREA DE TESTE
PropriedadeDescriçãoValores IEFNW3C
colorCor do texto. color 3141
directionA direção do texto. ltr
rtl
6162
letter-spacingAumenta ou diminui o espaço entre os caracteres. normal
length
4161
text-alignAlinhamento do texto. left
right
center
justify
4141
text-decorationDecoração do texto. none
underline
overline
line-through
blink
4141
text-indentRecua a primeira linha de um texto. length
%
4141
text-transformControla as letras. none
capitalize
uppercase
lowercase
4141
white-spaceEspecifica como os espaços são manipulados. normal
pre
nowrap
5141
word-spacingAumenta ou diminui o espaço entre palavras. normal
length
6161



Propriedades de Fundo

As propriedades de fundo permitem controlar a cor de fundo de um elemento, possibilitam inserir e posicionar imagens de fundo, além de repetir a imagem de fundo horizontal e verticalmente.

Veremos como se comportam as propriedades de fundo. Clique várias vezes nos links da tabela para ver como as propriedades são entendidas pelo navegador e colocadas na Área de Teste.

Na tabelas abaixo, a coluna IE indica a versão do Internet Explorer, a F do Firefox e a N do Netscape. A coluna W3C indica a versão da recomendação (CSS1 ou CSS2).

Área de Teste

PropriedadeDescriçãoValores IEFNW3C
backgroundPode-se colocar todas as propriedades com apenas uma declaração. background-color
background-image
background-repeat
background-attachment
background-position
4161
background-attachmentIndica se a imagem de fundo deve ser fixa ou rolar com a página. scroll
fixed
4161
background-colorA cor de fundo de um elemento. color-rgb
color-hex
color-name

transparent
4141
background-imageColoca uma imagem no fundo. url
none
4141
background-positionIndica a posição inicial de uma imagem de fundo. top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos
4161
background-repeatDetermina se/como uma imagem de fundo será repetida. repeat
repeat-x
repeat-y
no-repeat
4141

Propriedades das Listas

As propriedades das listas permitem colocar marcadores de itens, escolher entre diversos marcadores predefinidos ou indicar uma imagem como marcador.

Aqui você pode ver como se comportam estas propriedades clicando várias vezes nos links da tabela para ver como as propriedades são entendidas pelo navegador e colocadas na Área de Teste.

Na tabelas abaixo, a coluna IE indica a versão do Internet Explorer, a F do Firefox e a N do Netscape. A coluna W3C indica a versão da recomendação (CSS1 ou CSS2).

  • Item número 1
  • Item número 2
  • Item número 3
  • Item número 4

PropriedadeDescriçãoValores IEFNW3C
list-stylePropriedade que permite usar apenas uma declaração. list-style-type
list-style-position
list-style-image
4161
list-style-imageColoca uma imagem como marcador dos itens. none
url
4161
list-style-positionIndica onde o marcador dos itens é colocado. inside
outside
4161
list-style-typeO tipo de marcador de itens. none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
4141

Referências

Логофет Вадим Геннадьевичбиол википедияtopodin отзывыcrm программашпунт ларсенавозрождение церковь parimatch отзывы