 |
|
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: 541 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:
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:
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 |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
