Esempio
Impostare la larghezza di una struttura:
p
{
outline-style: dotted;
outline-width: 5px;
}
Prova tu stesso " Definizione e utilizzo
Un profilo è una linea che viene disegnata attorno agli elementi (outside the borders) per rendere l'elemento "stand out" .
Il contorno di larghezza specifica la larghezza di un contorno.
Note: dichiarare sempre la proprietà contorno in stile prima che la proprietà outline-width. Un elemento deve avere un profilo prima di modificare la larghezza di esso.
Valore di default: | medium |
---|---|
Inherited: | no |
animatable: | yes, see individual properties . Read about animatable Try it |
Versione: | CSS2 |
sintassi JavaScript: | object .style.outlineWidth="2px" Try it |
Suggerimenti e Note
Un profilo è una linea intorno ad un elemento. Viene visualizzata attorno al margine dell'elemento. Tuttavia, è differente dalla struttura confine.
Il contorno non è una parte di dimensioni dell'elemento, quindi larghezza e altezza proprietà dell'elemento non contengono la larghezza del contorno.
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Proprietà | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 supporta la proprietà outline-width solo se viene specificato un DOCTYPE!.
CSS Sintassi
outline-width: medium|thin|thick|length|initial|inherit;
I valori delle proprietà
Valore | Descrizione | Gioca |
---|---|---|
medium | Specifica un contorno di media. Questa è l'impostazione predefinita | Gioca " |
thin | Specifica un profilo sottile | Gioca " |
thick | Specifica un contorno di spessore | Gioca " |
length | Consente di definire lo spessore del contorno | Gioca " |
initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Outline CSS
Riferimento CSS: outline property
Di riferimento HTML DOM: outlineWidth property