HTML and CSS Reference
In-Depth Information
Scostamento verticale dell'ombreggiatura (vertical offset, ovvero sull'asse Y); con
valori positivi l'ombra viene disegnata sotto l'elemento mentre con valori negativi
sopra;
Il raggio di sfumatura dell'ombreggiatura: più è grande il valore impostato più
l'ombra risulterà “leggera” e sfocata; questo parametro è opzionale;
Espansione dell'ombra per estenderla in tutte le direzioni, in base al valolore specifi-
cato; con valori negativi l'ombra viene contratta;
Il colore dell'ombreggiatura;
inset per indicare che l'ombreggiatura avverrà all'interno dell'elemento anziché,
quando omesso, all'esterno.
L'esempio 6.9 mostra come impostare l'ombreggiatura a un div , usando la proprietà
box-shadow .
Esempio 6.9
div
{
width: 500px;
height: 250px;
border: 2px solid #222;
background: #ddd;
box-shadow: 5px 5px 10px 7px #555;
}
Possiamo vedere il risultato finale dell'esempio 6.9 nella figura 6.7 .
Figura 6.7 - Ombreggiatura di un elemento.
Search WWH ::




Custom Search