English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS 'outline-width' imposta la larghezza del contorno dell'elemento. Tuttavia, in molti casi, l'attributo CSS abbreviatooutlinePiù comodo da usare e più preferibile.
La tabella sottostante fornisce una descrizione dell'uso di questo attributo, la cronologia delle versioni e la sintassi dell'uso dell'attributo nel script JavaScript.
Valore predefinito: | medium |
---|---|
Applicabile a: | Tutti gli elementi |
Ereditarietà: | No |
Animabile: | Sì.Ecco come fare riferimento a: Attributi animazione. |
Versione: | CSS 2、3 |
Sintassi JavaScript: | object.style.outlineWidth="medium" |
La sintassi di questo attributo è la seguente:
outline-width: thin | medium | thick | length | initial | inherit
Ecco un esempio che dimostra come utilizzare l'attributo outline-width.
p { outline-style: solid; outline-width: thick; }Testa per vedere <‹/›
Attenzione:Devi dichiarareoutline-styleL'elemento deve avere un profilo prima di essere in grado di impostare la larghezza del profilo, perché il valore predefinito di outline-style è none.
La tabella sottostante descrive i valori di questo attributo.
Valore | Descrizione |
---|---|
thin | Profilo sottile |
medium | Profilo medio |
thick | Profilo spesso |
length | Valori numerici in unità come px, em, ecc. Non è permesso utilizzare valori negativi. |
inherit | Se specificato, l'elemento correlato utilizza il valore dell'attributo outline-width dell'elemento padre. |
Compatibilità del browser per l'attributo outline-width, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questo attributo.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano l'attributo outline-width. IE8 supporta questo attributo, ma richiede un<!DOCTYPE>.
Ecco alcune guide relative ai seguenti contenuti:Profilo CSS,Bordo CSS.
Proprietà correlate:outline,outline-style,outline-color.