Novità per i CSS su Firefox 3
Lunedì 16 Giugno 2008 - 10:56
di Cesare Lamanna
In un post sul suo blog personale, David Baron di Mozilla illustra con dovizia alcune novità in tema di CSS presenti su Firefox 3.
Avevamo già accennato tempo fa al supporto per il valore inline-block della proprietà display e vi rimando alla lettura dell’intervento di Baron per i dettagli sulle altre novità. Qui voglio soffermarmi su una di esse.
Si tratta di quattro nuovi valori per le proprietà width, min-width e max-width: -moz-max-content, -moz-min-content,
-moz-fit-content, and -moz-available.
Senza farla troppo complicata, consentono, tra l’altro, di ottenere effetti come quello illustrato nello screenshot qui sotto e che potete verificare, usando Firefox 3, su questa pagina.
Come si vede, e basta aprire la demo con un altro browser per cogliere il tutto, grazie a width: -moz-fit-content; viene calcolata come larghezza solo la parte occupata effettivamente dal testo e non tutta la larghezza dell’elemento contenitore. L’applicazione più tipica, come sottolinea Baron, è proprio quella dell’applicazione di uno sfondo.
I valori in esame sono comunque previsti dalla specifica CSS3.