CSS border-top-width
La proprietà CSS border-top-width imposta la larghezza del bordo superiore (CSS3)
La proprietà border-top-width consente di specificare la larghezza del bordo superiore di un elemento, utilizzando valori in pixel (px), em (em) o altre unità di misura, oppure utilizzando valori predefiniti come thin, medium, e thick.
Sintassi
Significato dei valori principali:
-
length: Imposta la larghezza del bordo superiore utilizzando unità di misura come
px(pixel),em,rem, ecc. Un valore maggiore renderà il bordo più spesso. -
thin, medium, thick: Valori predefiniti che indicano larghezze di bordo standard, rispettivamente per bordi sottili, medi e spessi.
Esempio proprietà: border-top-width
Codice Esempio: border-top-width
.border-top-width-example {
width: 300px;
height: 200px;
border-top-width: 10px; /* Larghezza del bordo superiore di 10px */
border-top-style: solid; /* Tipo di bordo: solido */
border-top-color: #50a14f; /* Colore verde per il bordo superiore */
padding: 20px;
background-color: #ff6347;
color: white;
font-size: 22px;
text-align: center;
border-radius: 10px;
}
Contenuto Esempio: border-top-width
Esempio di utilizzo di border-top-width
In questo esempio, la proprietà border-top-width viene utilizzata per definire la larghezza del bordo superiore di un elemento:
CSS e HTML per l'elemento con bordo superiore spesso:
<style>
.border-top-width-example {
width: 300px;
height: 200px;
border-top-width: 10px; /* Larghezza del bordo superiore di 10px */
border-top-style: solid; /* Tipo di bordo: solido */
border-top-color: #50a14f; /* Colore verde per il bordo superiore */
padding: 20px;
background-color: #ff6347;
color: white;
font-size: 22px;
text-align: center;
border-radius: 10px;
}
</style>
<div class="border-top-width-example">
Elemento con bordo superiore spesso
</div>
Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.
Supporto Browser
IP: 216.73.216.192
