 |
|
Você está aqui: CSS ::: Dicas & Truques ::: Bordas CSS |
Como definir a cor da borda de um elemento HTML usando a propriedade border-color do CSSQuantidade de visualizações: 563 vezes |
|
Nesta dica mostrarei como podemos usar a propriedade border-color do CSS para definir a cor da borda de um elemento HTML. Note que, para alterar a cor da borda do elemento HTML, é preciso antes verificar se ele possui borda. Caso contrário teremos que manipular também as propriedades border-style e border-width. Veja uma página HTML completa na qual usamos CSS para manipular a largura (width), o espaçamento interno (padding), as margens (margin), o estilo da borda (border-style), a largura da borda (border-width) e a cor da borda (border-color) de um elemento DIV:
<!doctype html>
<html>
<head>
<title>Estudos CSS</title>
<style>
#m_div{
width: 150px;
padding: 10px;
margin: 30px;
border-style: solid;
border-width: 1px;
border-color: red
}
</style>
</head>
<body>
<div id="m_div">Sou um elemento DIV</div>
</body>
</html>
A propriedade border-color aceita de um até quatro valores na seguinte ordem: borda superior, borda direita, borda inferior e borda esquerda. Assim, o código abaixo: border-color: red blue yellow green aplica um cor diferente para cada uma das bordas do elemento. O valor da cor para a propriedade border-color do CSS pode ser definido como o nome de um cor em inglês (por exemplo, "blue"), por um código hexadecimal (por exemplo, "#0288d1"), um código RGB (por exemplo, "rgb(255,30,90)"), um código HSL (por exemplo, "hsl(40%, 100%, 30%)") ou o valor "transparent". |
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de CSS |
Dicas e truques de outras linguagens |
|
LISP - Como converter Coordenadas Cartesianas para Coordenadas Polares em LISP - LISP para Engenharia |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
