CSS/Unità di misura, ereditarietà e box model: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
RamaccoloBot (discussione | contributi)
Shadd (discussione | contributi)
Riga 36:
=== Colori ===
Un '''colore''' può essere identificato con tre metodi differenti:
*tramite un numero esadecimale che indica le componenenticomponenti [[w:RGB|RGB]], ad esempio <code>#RRGGBB</code>. Per una lista completa dei colori esadecimali, vedi [[Aiuto:Colori|la tavolozza dei colori]]
*tramite la funzione
rgb (<rosso>, <verde>, <blu>)
dove <code>rosso</code>, <code>verde</code> e <code>blu</code> sono le componenti RGB del colore espresse con un valore intero da '''0''' a '''255'''.
:*tramite una delle parole chiave predefinite, che sono:
<div style="float:left; width:49%">
*<span style="height:1em; background-color:black; border:1px solid black; ">&nbsp;&nbsp;&nbsp;</span> black - nero
*<span style="width:1em; height:1em; background-color:silver; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> silver - argento
*<span style="width:1em; height:1em; background-color:gray; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> gray - grigio
*<span style="width:1em; height:1em; background-color:white; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> white - bianco
*<span style="width:1em; height:1em; background-color:maroon; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> maroon - marrone
*<span style="width:1em; height:1em; background-color:red; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> red - rosso
*<span style="width:1em; height:1em; background-color:purple; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> purple - viola
*<span style="width:1em; height:1em; background-color:fuchsia; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> fuchsia - fucsia
</div>
<div style="float:right; width:49%">
*<span style="width:1em; height:1em; background-color:green; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> green - verde
*<span style="width:1em; height:1em; background-color:lime; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> lime - verde chiaro
*<span style="width:1em; height:1em; background-color:olive; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> olive - oliva
*<span style="width:1em; height:1em; background-color:yellow; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> yellow - giallo
*<span style="width:1em; height:1em; background-color:navy; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> navy - blu scuro
*<span style="width:1em; height:1em; background-color:blue; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> blue - blu
*<span style="width:1em; height:1em; background-color:teal; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> teal - verde acqua scuro
*<span style="width:1em; height:1em; background-color:aqua; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> aqua - verde acqua
</div>
<div style="clear:BOTH;">
:*tramite un colore associato alle proprietà di sistema. Ad esempio:
*<span style="width:1em; height:1em; background-color:background; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> bakground (- il colore di sfondo del desktop)
*<span style="width:1em; height:1em; background-color:buttonFace; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> buttonFace (- il colore di sfondo dei pulsanti)
*<span style="width:1em; height:1em; background-color:buttonTExt; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> buttonText (- testo dei pulsanti)
*<span style="width:1em; height:1em; background-color:captionTExt; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> captionText (- testo delle etichette)
*<span style="width:1em; height:1em; background-color:grayTExt; border:1px solid black;">&nbsp;&nbsp;&nbsp;</span> grayText (- testo disabilitato)
</div>