Alcune proprietà dei CSS (Cascading Style Sheets o Fogli di stile) spesso rimangono nascoste e sepolte nel dimenticatoio, soprattutto per chi non li utilizza quotidiamente. La verità è che attualmente i CSS sono davvero molto potenti, e possono essere considerati quasi alla stregua di un metalinguaggio di programmazione.
Una delle proprietà più curiose è ad esempio la proprietà “content”: questa direttiva permette di inserire del contenuto stringa prima o dopo un determinato elemento HTML. Come mostra la pagina di riferimento del W3C, questa proprietà può essere molto utile per assegnare del testo a degli elementi specifici della pagina HTML. Con la proprietà content possiamo ad esempio far sì che tutti i link vengano scritti in automatico tra parentesi:
<style type="text/css">
a:after {content: " (" attr(href) ")";}
</style>
Il risultato sarà che tutti i link in cui verrà applicato questo stile avranno automaticamente la seguente rappresentazione:
W3Schools (http://www.w3schools.com)
La proprietà content è supportata dalla maggior parte dei browser, anche se in Internet Explorer 8 viene supportata solo se è specificato un !DOCTYPE.
Pacman
Nostradamus
Magical Cat Adventure
Snake