px

Единица px определяет размер в пикселях. Обычно один пиксель соответствует одной точке экрана, но для принтеров и дисплеев высокого разрешения (таких как Apple Retina или экраны смартфонов) один пиксель может содержать несколько точек.

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>px</title> <style> input { width: 200px; padding: 10px; border: 1px solid green; } </style> </head> <body> <p><input placeholder="Введите своё имя"></p> </body> </html>

Спецификация

Спецификация Статус
CSS Values and Units Module Level 4 Рабочий проект
CSS Values and Units Module Level 3 Возможная рекомендация
CSS Level 2 (Revision 1) Рекомендация

Браузеры

3 12 1 3.5 1 1
2.0 4 10.1 1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.