Sintassi

Significato dei valori principali:

• border-width: Imposta la larghezza del bordo superiore. Può essere un valore in pixel (px), em (em), rem (rem), ecc.

• border-style: Imposta lo stile del bordo superiore. I valori possibili includono solid, dashed, dotted, double, e altro.

• border-color: Imposta il colore del bordo superiore. Può essere definito in vari formati, come hex, rgb, rgba, e parole chiave.

Esempio proprietà: border-top

Codice Esempio: border-top

CODE: CSS

1. .border-top-example {

2.   width: 300px;

3.   height: 200px;

4.   border-top: 5px solid #50a14f; /* Bordo superiore verde, solido e di 5px */

5.   padding: 20px;

6.   background-color: #ff6347;

7.   color: white;

8.   font-size: 22px;

9.   text-align: center;

10.   border-radius: 10px;

11. }

Contenuto Esempio: border-top

  
  <style>
    .border-top-example {
      width: 300px;
      height: 200px;
      border-top: 15px solid #50a14f; /* Bordo superiore verde, solido e di 15px */
      padding: 20px;
      background-color: #ff6347;
      color: white;
      font-size: 22px;
      text-align: center;
      border-radius: 10px;
    }
  </style>
  
  <div class="border-top-example">
      Elemento con bordo superiore
  </div>
  

Leggenda Proprietà:

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