border-width (proprietà CSS) imposta, con sintassi abbreviata, lo spessore del bordo superiore dell’elemento HTML. I valori della proprietà possono essere espressi in px, pt, cm, em, oppure usando uno dei tre valori predefiniti: thin, medium, thick. In particolare:
– nel caso sia indicato un solo valore, esso definisce tutti e quattro i bordi (superiore, destro, inferiore e sinistro) dell’elemento;
– nel caso siano indicati 4 valori, viene definito, nell’ordine, lo spessore dei bordi superiore, destro, inferiore e sinistro dell’elemento;
– nel caso siano indicati due valori, il primo valore si riferirà ai bordi superiore e inferiore, mentre il secondo valore si riferirà ai bordi destro e sinistro.
Sintassi
[selettore] {
border-width: [valore/i];
}
| valore | descrizione |
|---|---|
| XXX | XXX |
Esempi
<style>
.border_width{border-width:5px;}
.border_color{border-color:red}
.border_style{border-style:solid;}
</style>
<p class="border_width border_color border_style">Test</p>
Test
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment