La proprietà di Cascading Style Sheet (CSS) chiamata bordo aggiungerà i bordi intorno all'esterno il contenuto e la spaziatura interna di qualsiasi elemento nel documento HTML. Bordo è parte del modello di riquadro CSS. Bordo viene aggiunto tra il contenuto dell'elemento con la sua imbottitura e il margine dell'elemento. Ecco come utilizzare il confine.

Istruzioni

1

In un foglio di stile CSS, ogni lato di un elemento può avere un bordo diverso o nessun bordo. È possibile impostare individualmente il bordo di ogni lato. Quando impostata singolarmente, i valori di confine nel CSS devono essere somministrati da superiore, destro, inferiore e sinistra.

2

Per ogni confine che si utilizza, è necessario fornire valori per la larghezza del bordo, bordo-stile e colore del bordo.

3

Larghezza del bordo può essere espressa come sottile, medio, spessa o con il valore specificato in pixel, ems o percentuale.

4

Colore del bordo può essere qualsiasi valore di colore che desiderate.

5

Stile del bordo può essere nessuno, nascosto, punteggiato, tratteggiato, solido, doppio, groove, ridge, inset, inizio o ereditare.

6

Ecco un esempio di regola (che Usa stenografia per definire lo stile di un elemento paragraph con bordi sottili in tinta blu su tutti e quattro i lati):

p {
confine: sottile blu tinta;
}

7

Se si desidera che valori diversi per i bordi, è necessario scrivere una regola più prolisso. Per esempio:

p {
border-top: nessuno;
Border-destra: sottile blu tinta;
border-bottom: blu medio solido;
bordo sinistro: sottile grigio solido;
}

Consigli & Avvertenze

• Non tutti i browser visualizzano correttamente ogni valore di stile del bordo.