Novità  per i CSS su Firefox 3

p>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.</p