<style>
/* Bordo uniforme di 8px su tutti i lati */
.tutti {
border: solid black;
border-width: 8px;
}
/* Bordo con valori multipli (top 5px, right 10px, bottom 15px, left 20px) */
.quattro {
border: solid red;
border-width: 5px 10px 15px 20px;
}
/* Bordo con valori predefiniti (thin) */
.sottile {
border: solid blue;
border-width: thin;
}
/* Bordo con unità di misura personalizzata */
.custom {
border: dashed green;
border-width: 3em;
}
/* Eredita il bordo dal genitore */
.genitore {
border: solid black 4px;
padding: 10px;
}
.figlio {
border-width: inherit;
border-style: solid;
}
</style>
</head>
<body>
<a href="#" onClick="window.history.go(-1);">Home</a>
<h2>Esempio di border-width</h2>
<div class="tutti">Bordo di 8px su tutti i lati</div>
<br />
<div class="quattro">Bordo con valori multipli (5px top, 10px right, 15px bottom, 20px left)</div>
<br />
<div class="sottile">Bordo sottile (thin)</div>
<br />
<div class="custom">Bordo di 3em con stile tratteggiato</div>
<br />
<div class="genitore">
<div class="figlio">Eredita spessore del bordo dal genitore</div>
</div>