หน่วย px

หน่วยวัดสัมบูรณ์ px แทน เซลล์บนเมทริกซ์ของอุปกรณ์อิเล็กทรอนิกส์ ตัวอย่างเช่น หากความกว้างหน้าจอสมาร์ทโฟนเท่ากับ 480px นั่น หมายความว่ามีเซลล์ 480 เซลล์อยู่บนหน้าจอ แต่ละเซลล์มีขนาดเท่ากับ 1px

ตัวอย่าง

มาทำให้สี่เหลี่ยมผืนผ้ามี ความกว้าง 200px และ ความสูง 100px กัน:

<div>
</div>

div {
	border: 1px solid black;
	width: 200px;
	height: 100px;
}

ตัวอย่าง

มาตั้งค่าฟอนต์สำหรับข้อความย่อหน้าให้มีขนาด 30 พิกเซลกัน:

<p>
	ข้อความ
</p>

p {
	font-size: 30px;
}

ดูเพิ่มเติม

หน่วย em,
ซึ่งกำหนดขนาดเป็น em
หน่วย rem,
ซึ่งกำหนดขนาดเป็น rem
หน่วย fr,
ซึ่งกำหนดขนาดเป็น fr
หน่วย %,
ซึ่งกำหนดขนาดเป็นเปอร์เซ็นต์
หน่วย vw,
ซึ่งกำหนดขนาดเป็น vw
หน่วย vh,
ซึ่งกำหนดขนาดเป็น vh
หน่วย vmax,
ซึ่งกำหนดขนาดเป็น vmax
หน่วย vmin,
ซึ่งกำหนดขนาดเป็น vmin