Kipimo cha %

Kipimo cha jamaa % huweka ukubwa wa kipengele cha mtoto ukilinganisha na ukubwa wa kipengele cha mzazi. Kwa mfano, upana wa mstatili, unaofanana na 50% inamaanisha kuwa ni mara mbili ndogo kuliko mzazi wake.

Mfano

Wacha tuweke mstatili upana wa kipengele cha mtoto kuwa 20% na urefu 40%:

html<div>
  <p></p>
</div>
cssdiv {
  border: 1px solid black;
  width: 200px;
  height: 100px;
}
p {
  border: 1px solid red;
  width: 20%;
  height: 40%;
}

Результат:

Angalia pia

  • kipimo px,
    kinachoweka ukubwa kwenye saizi za pikseli
  • kipimo fr,
    kinachoweka ukubwa kwenye fr
  • kipimo em,
    kinachoweka ukubwa kwenye em
  • kipimo rem,
    kinachoweka ukubwa kwenye rem
  • kipimo vw,
    kinachoweka ukubwa kwenye vw
  • kipimo vh,
    kinachoweka ukubwa kwenye vh
  • kipimo vmax,
    kinachoweka ukubwa kwenye vmax
  • kipimo vmin,
    kinachoweka ukubwa kwenye vmin