หน่วย px

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

ตัวอย่าง

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

html<div>
</div>

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

Результат:

ตัวอย่าง

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

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

cssp {
  font-size: 30px;
}

Результат:

ดูเพิ่มเติม

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