Sintassi

Significato dei valori principali:

• width: definisce la larghezza del bordo inferiore (ad esempio, 2px, medium, ecc.).

• style: definisce lo stile del bordo inferiore, come solid, dashed, dotted, ecc.

• color: definisce il colore del bordo inferiore (può essere una parola chiave, un codice esadecimale, RGB, ecc.).

Esempio proprietà: border-bottom

Codice Esempio: border-bottom

CODE: CSS

1. .border-bottom-example {

2.   border-bottom: 3px solid #50a14f;

3.   padding: 20px;

4.   color: white;

5.   font-size: 22px;

6.   text-align: center;

7.   border-radius: 10px;

8. }

Contenuto Esempio: border-bottom

  
  <style>
    .border-bottom-example {
      width: 300px;
      height: 150px;
      border-bottom: 15px solid #50a14f; /* Bordo inferiore di 15px, solido e verde */
      padding: 20px;
      background-color: #333; /* Sfondo scuro per evidenziare il bordo */
      color: white;
      font-size: 22px;
      text-align: center;
      border-radius: 10px;
    }
  </style>
  <div class="border-bottom-example">
    Bordo inferiore applicato
  </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