Proprietà CSS outline-width
Esempio
Imposta la larghezza di un contorno:
div {outline-width: thick;}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Un contorno è una linea che viene tracciata attorno agli elementi, al di fuori dei bordi, per far "saltare" l'elemento.
Specifica la outline-width
larghezza di un contorno.
Nota: dichiarare sempre la proprietà dello stile del contorno prima della
outline-width
proprietà. Un elemento deve avere un contorno prima di modificarne la larghezza.
Valore di default: | medio |
---|---|
Ereditato: | no |
Animabile: | sì, vedere le singole proprietà . Leggi su animabile |
Versione: | CSS2 |
sintassi JavaScript: | oggetto .style.outlineWidth="12px" |
Suggerimenti e note
Nota: i contorni differiscono dai bordi ! A differenza del bordo, il contorno viene disegnato al di fuori del bordo dell'elemento e può sovrapporsi ad altri contenuti. Inoltre, il contorno NON fa parte delle dimensioni dell'elemento; la larghezza e l'altezza totali dell'elemento non sono influenzate dalla larghezza del contorno.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Sintassi CSS
outline-width: medium|thin|thick|length|initial|inherit;
Valori di proprietà
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Altri esempi
Esempio
Imposta la larghezza del contorno su media (questo è l'impostazione predefinita):
div {outline-width: medium;}
Esempio
Imposta la larghezza del contorno su sottile:
div {outline-width: thin;}
Esempio
Imposta la larghezza del contorno su 1px:
div {outline-width: 1px;}
Esempio
Imposta la larghezza del contorno su 15px:
div {outline-width: 15px;}
Pagine correlate
Tutorial CSS: Schema CSS
Riferimento CSS: proprietà outline
Riferimento HTML DOM: proprietà outlineWidth