Vai ai contenuti

LAU



Home > Proprietà CSS2 > Proprietà per i contorni degli elementi


Proprietà CSS2

Proprietà per i contorni degli elementi

Tabella riassuntiva e descrittiva delle funzionalità, valori e supporto dei browser relativa alla specifiche dei CSS2 per la gestione dei contorni degli elementi.

  • NN: indica da quale versione di Netscape Navigator viene supportata la proprietà.
  • IE: indica da quale versione di Internet Explorer viene supportata la proprietà.
  • MF: indica da quale versione di Mozilla Firefox viene supportata la proprietà.
Proprietà Valori IE NN MF
outline outline-color
outline-style
outline-width
- - 1.5
outline-color color
invert
- - 1.5
outline-style none
dotted
dashed
solid
double
groove
ridge
inset
outset
- - 1.5
outline-width thin
medium
thick
<lunghezza>
- - 1.5

torna alla lista completa delle proprietà

outline

La proprietà outline è una proprietà a sintassi abbreviata con cui si può definire sinteticamente e con una sola dichiarazione tutti i valori per i contorni degli elementi.

button{ 
outline: red solid thin;
}

In questo esempio all'elemento button viene applicata una cornice sottile (thin) con linea singola continua (solid) di colore rosso (red).

Le proprietà outline al momento è supportata solo da Mozilla Firefox 1.5.

torna alla tabella

outline-color

La proprietà outline-color viene utilizzata per definire il colore della cornice da applicare ad un elemento.
La proprietà outline-color ammette i seguenti valori:

  • invert (esegue un'inversione di colore);
  • color (il colore può essere specificato tramite un nome, un valore rgb o un valore esadecimale);
button{ 
outline-color: red;
}

In questo esempio all'elemento button viene applicata una cornice di colore rosso (red).

Le proprietà outline-color al momento è supportata solo da Mozilla Firefox 1.5.

torna alla tabella

outline-style

La proprietà outline-style viene utilizzata per definire lo stile della cornice da applicare ad un elemento.
La proprietà outline-style ammette i seguenti valori:

  • none (non definisce cornici);
  • dotted (definisce una cornice punteggiata);
  • dashed (definisce una cornice tratteggiata);
  • solid (definisce una cornice con linea singola continua);
  • double (definisce una cornice con linea doppia continua);
  • groove (definisce una cornice scavata);
  • ridge (definisce una cornice sbalzata);
  • inset (definisce una cornice incastonata);
  • outset (definisce l'effetto opposto a inset).
button{ 
outline-style: solid;
}

In questo esempio all'elemento button viene applicato una cornice con linea continua singola continua (solid).

Le proprietà outline-style al momento è supportata solo da Mozilla Firefox 1.5.

torna alla tabella

outline-width

La proprietà outline-width viene utilizzata per definire lo spessore della cornice da applicare ad un elemento.
La proprietà outline-width ammette i seguenti valori:

  • thin (definisce una cornice con linea sottile);
  • medium (definisce una cornice con linea media);
  • thick (definisce una cornice con linea intensa);
  • <lunghezza> (consente di definire l'intensità della linea).
button{ 
outline-width: thin;
}

In questo esempio all'elemento button viene applicata una cornice con linea sottile (thin).

Le proprietà outline-width al momento è supportata solo da Mozilla Firefox 1.5.

torna alla tabella

[ Torna all’inizio della pagina ]



Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Privacy, cookies e accessibilità

[ Torna all’inizio della pagina ]