Печать гипперссылок на бумаге

Если вам нужно подготовить сайт к распечатке на бумаге, например у вас товары, и клиенты приходят к вам с распечаткой заказа, или у вас сайт с документацией и вы хотите сделать на документе читабельные ссылки после печати - то вот вам совет, добавьте в CSS следующий код:


@media print {
    a::after{
        content: " (" attr(href) ")";
    }
}  

И проблема решена. Теперь все гиперссылки - будут при печати дополняться дописанной в скобках ссылкой из атрибута href. Посмотреть как это будет выглядяеть. Документ до печати:

вид в браузере
и после
вид на печатном документе

Надеюсь вам понравилось!

Еще статьи

Следи за новостями курсов на нашем канале

Открыть

Правила оформления домашних заданий

Открыть

Форум по задачам

Forum