English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole CSS (@RULES)

Manuale completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo CSS 'outline-width'

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"

Sintassi dell'uso di outline-width

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.

Valore dell'attributo

La tabella sottostante descrive i valori di questo attributo.

ValoreDescrizione
thinProfilo sottile
mediumProfilo medio
thickProfilo spesso
lengthValori numerici in unità come px, em, ecc. Non è permesso utilizzare valori negativi.
inheritSe specificato, l'elemento correlato utilizza il valore dell'attributo outline-width dell'elemento padre.

Compatibilità del browser

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.

  • Firefox 1.5+

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Attenzione: Internet Explorer 7 e versioni precedenti non supportano l'attributo outline-width. IE8 supporta questo attributo, ma richiede un<!DOCTYPE>.

Leggi di più

Ecco alcune guide relative ai seguenti contenuti:Profilo CSS,Bordo CSS.

Proprietà correlate:outline,outline-style,outline-color.