Паспарту називається картонна рамка для фотографії або малюнка. Використання паспарту візуально збільшує зображення, привертає до нього увагу і робить картину більш ефектною. Звичайно, на веб-сторінці немає потреби імітувати таку рамку, тому паспарту в даному випадку будемо називати кольорову прямокутну область навколо зображення. На рис. 1 продемонстрована фотографія з паспарту.
Рис. 1. Приклад паспарту
Для додавання рамки навколо зображення застосовується стильове властивість border, яке слід додавати до селектору IMG. В якості значення одночасно вказується товщина кордону, її стиль і колір. Наприклад, для створення суцільної рамки товщиною два пікселя червоного кольору необхідно записати IMG {border: 2px solid #ff0000;}.
Коли малюнок поміщається всередину контейнера <a>, то він стає посиланням і навколо нього автоматично додається тонка кольорова рамка. Щоб від неї позбутися, додайте властивість border зі значенням none до селектору IMG, як показано в прикладі 1.
Рамка навколо зображення з'являється в тому випадку, коли до тегу <img> додається властивість border з ненульовим значенням і при створенні зображення-посилання. При цьому тег <img> зберігається всередині контейнера <a>. Незалежно від ситуації колір рамки встановлюється автоматично, проте через стилі можна задати будь-який бажаний колір кордону.
За зміну стилю елемента при наведенні на нього покажчика миші відповідає псевдоклас :hover. Для управління стилем посилань цей псевдоклас додається до селектору A через двокрапку.