• Главное
• Радуга
• Как худеть
• Как бросить курить
• Сăмах
• Как создать сайт
• Лада приора
• Электросварка

• HTML
• CSS
• Web-диз
• JavaScript
• PHP
• jQuery
• SEO
• MySQL
• XML

Ссылки на каскадные стили CSS - image-resolution.

Свойство image-resolution указывает правильное разрешение изображения на страницах сайта. Разрешение( resolution) — это количество пикселей( pixels) на 1 дюйм( inch). Параметр связывающий виртуальность с реальностью. Конкретно resolution отвечает за то, в каком виде отображажается изображение

От величины разрешения зависит реальный размер фотографии при перенесения её с монитора на бумагу. Если изображение величиной 500 на 500px и его разрешение 100ppi то фактически размер этого изображения — 5 на 5 дюймов. В фотошопе принято другое обозначение разрешения( resolution). Вместо ppi принято dpi, что расшифровывается как drops per inch.

Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство image-resolution, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.

Синтаксис:

             image-resolution: from-image|dpi;

Пишем программу:

< style>
#rr {
	width:50%;
	height:15%;
	image-resolution: dpi;
	}
< /style>
< div id="rr">< img src="../oboi/2014f.gif" alt="Ссылки на каскадные стили CSS - image-resolution."< /div>                     

Результат программы: