Layout ed effetti con CSS3 - HTML5 con CSS e JavaScript - page 95

...
outline-color: #555;
outline-style: solid;
outline-width: 5px;
}
<!--proprietà unica-->
div
{
...
outline: solid 5px #555;
}
Il risultato di un elemento div con questo CSS è visibile nella figura 5.7 .
Figura 5.7 - Il bordo esterno dell'elemento rappresenta l'outline dell'elemento stesso.
Capire la disposizione di un elemento
Quando un elemento viene renderizzato sulla pagina, ci sono tre proprietà CSS che influen-
zano come questo viene disposto nella pagina: float , visibility e display . Il lay-
out di un'intera pagina è fortemente influenzato dal valore che queste proprietà CSS pos-
sono assumere. Nel precedente capitolo abbiamo già visto la proprietà CSS float , quindi
in questa sezione analizzeremo visibility e display , cominciando dalla prima.
Impostare la proprietà CSS visibility
Come si può facilmente intuire dal nome, la proprietà CSS visibility imposta la vi-
sibilità di un elemento. Di default, questa proprietà CSS è impostata su visible , il che
significa che l'elemento è visibile nel browser.
Il secondo valore che possiamo impostare per la proprietà CSS visibility è hid-
den . Quando impostiamo la proprietà CSS visibility a hidden , l'elemento viene