Px-yksikkö

Absoluuttinen mittayksikkö px edustaa yksittäistä pikseliä elektronisen laitteen näytöllä. Esimerkiksi, jos älypuhelimen näytön leveys on 480px, tämä tarkoittaa, että näytöllä on 480 pikseliä, joiden kukin on 1px.

Esimerkki

Asetetaan suorakulmiolle leveys 200px ja korkeus 100px:

html<div>
</div>

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

Результат:

Esimerkki

Asetetaan kappaleen tekstille fonttikooksi 30 pikseliä:

html<p>
  teksti
</p>

cssp {
  font-size: 30px;
}

Результат:

Katso myös