TrabalhosGratuitos.com - Trabalhos, Monografias, Artigos, Exames, Resumos de livros, Dissertações
Pesquisar

Bordas No Html

Trabalho Escolar: Bordas No Html. Pesquise 862.000+ trabalhos acadêmicos

Por:   •  7/6/2013  •  407 Palavras (2 Páginas)  •  493 Visualizações

Página 1 de 2

As bordas nos elementos HTML

As propriedades para as bordas, definem as características (os valores na regra

CSS) das quatro bordas de um elemento HTML.

As propriedades para as bordas são as listadas abaixo:

border-width:................espessura da borda

border-style:................estilo da borda

border-color:................cor da borda

-----------------------------------------

border-top-width:............espessura da borda superior

border-top-style:............estilo da borda superior

border-top-color:............cor da borda superior

-----------------------------------------

border-right-width:.........espessura da borda direita

border-right-style:..........estilo da borda direita

border-right-color:..........cor da borda direita

-----------------------------------------

border-bottom-width:.........espessura da borda inferior

border-bottom-style:.........estilo da borda inferior

border-bottom-color:.........cor da borda inferior

-----------------------------------------

border-left-width:...........espessura da borda esquerda

border-left-style:...........estilo da borda esquerda

border-left-color:...........cor da borda esquerda

-----------------------------------------

border-top:...maneira abreviada para todas as propriedades da borda

superior

border-right:..maneira abreviada para todas as propriedades da borda

direita

border-bottom:..maneira abreviada para todas as propriedades da borda

inferior

border-left:..maneira abreviada para todas as propriedades da borda

esquerda

border:.........maneira abreviada para todas as quatro bordas

Valores válidos para as propriedades das bordas

color:

1. código hexadecimal: #FFFFFF

2. código rgb: rgb(255,235,0)

3. nome da cor: red, blue, green...etc

style:

1. none: nenhuma borda

2. hidden: equivalente a none

3. dotted: borda pontilhada

4. dashed: borda tracejada

5. solid: borda contínua

6. double: borda dupla

7. groove: borda entalhada

8. ridge: borda em ressalto

9. inset: borda em baixo relevo

10. outset: borda em alto relevo

width:

1. thin: borda fina

2. medium: borda média

3. thick: borda grossa

4. length: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)

border-width, border-style e border-color

<html>

<head>

</head>

<body>

<h3>Borda média, contínua e azul</h3>

<p>Borda 6px, tracejada e vermelha</p>

</body>

</html>

Este é o efeito da folha de estilo acima:

Borda média, contínua e azul

Borda 6px, tracejada e vermelha

Nota: A propriedade border-color não é reconhecida pelo Internet Explorer se for

usada isolada. Use a propriedade border-style para ser reconhecida pelo Internet

Explorer.

Nota: A propriedade border-color não é reconhecida pelo Netscape. Use a

propriedade border para ser reconhecida pelo Netscape.

...

Baixar como (para membros premium)  txt (4.4 Kb)  
Continuar por mais 1 página »
Disponível apenas no TrabalhosGratuitos.com