Bordas No Html
Trabalho Escolar: Bordas No Html. Pesquise 860.000+ trabalhos acadêmicosPor: silvio123 • 7/6/2013 • 407 Palavras (2 Páginas) • 456 Visualizações
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.
...