Lastnina padding-inline-end

Lastnina padding-inline-end določa končni notranji odmik elementa vzdolž črtne (vodoravne) osi.

Sintaksa

cssselektor {
  padding-inline-end: velikost;
}

Primer

Nastavimo končni notranji odmik za podrejeni element vzdolž črtne osi na 20px:

html<div>
  <p>besedilo</p>
</div>
cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-inline-end: 20px;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Primer

Zdaj pa nastavimo končni notranji odmik za podrejeni element vzdolž črtne osi na 20%:

html<div>
  <p>besedilo</p>
</div>
cssdiv {
  width: 400px;
  height: 200px;
  border: 1px solid black;
}
p {
  padding-inline-end: 20%;
  width: 100px;
  height: 50px;
  border: 1px solid red;
}

Результат:

Glejte tudi

  • lastnino padding-inline-start,
    ki določa začetni notranji odmik elementa vzdolž črtne osi
  • lastnino padding-block-end,
    ki določa končni notranji odmik elementa vzdolž blokovne osi
  • lastnino padding-block-start,
    ki določa začetni notranji odmik elementa vzdolž blokovne osi
  • lastnino padding,
    ki določa notranji odmik
  • lastnino margin-bottom,
    ki določa zunanji odmik spodaj
  • lastnino margin-left,
    ki določa zunanji odmik levo
  • lastnino margin-right,
    ki določa zunanji odmik desno
  • lastnino margin,
    ki je okrajšava za zunanji odmik