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:
<div>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
:
Esimerkki
Asetetaan kappaleen tekstille fonttikooksi 30
pikseliä:
<p>
teksti
</p>
p {
font-size: 30px;
}
:
Katso myös
-
yksikkö
em,
joka asettaa koon em-yksiköissä -
yksikkö
rem,
joka asettaa koon rem-yksiköissä -
yksikkö
fr,
joka asettaa koon fr-yksiköissä -
yksikkö
%,
joka asettaa koon prosentteina -
yksikkö
vw,
joka asettaa koon vw-yksiköissä -
yksikkö
vh,
joka asettaa koon vh-yksiköissä -
yksikkö
vmax,
joka asettaa koon vmax-yksiköissä -
yksikkö
vmin,
joka asettaa koon vmin-yksiköissä