CSS: stampare gli URL dei link

CSS: stampare gli URL dei link

Una funzionalità interessante per i CSS della stampa è quella di permettere la visualizzazione di alcune informazioni di solito accessibili solo nei CSS per lo schermo. Nello specifico possiamo visualizzare gli URL di ciascun link HTML.

Possiamo utilizzare il contenuto generato per il nostro scopo:


@media print {
	a[href^="http://"]:after {
		content: ' ( ' attr(href) ' ) ';
	}
}

La funzione attr() non fa altro in questo caso che visualizzare il contenuto dell'attributo href. Qui abbiamo ristretto la selezione a quei soli URL che iniziano per http:// in modo da escludere i percorsi relativi e le ancore.

Torna su