Egenskapen padding

Egenskapen padding setter den indre avstanden til et element. Verdien til egenskapen kan være enhver enhet for størrelser. Som standard kan hver nettleser legge til forskjellige avstander for elementer. Egenskapen er en forkortelse for egenskapene padding-top, padding-right, padding-bottom, padding-left.

Syntaks

cssvelger {
  padding: verdi;
}

Antall parametere

Egenskapen padding aksepterer 1, 2, 3 eller 4 verdier, listet opp med mellomrom:

Eksempel

I dette tilfellet vil den indre avstanden som standard være null og teksten vil være presset mot kanten av blokken:

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 0;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

Eksempel

La oss nå lage en indre avstand på 30px:

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 30px;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

Eksempel

Nå vil avstanden på toppen og bunnen være 20px, og til høyre og venstre - 5px:

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 20px 5px;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

Eksempel

Nå er avstanden på toppen 5px, til høyre - 15px, på bunnen - 25px, til venstre - 35px:

html<div id="elem">
  some long text
</div>

css#elem {
  padding: 5px 15px 25px 35px;
  width: 300px;
  border: 1px solid black;
  text-align: justify;
}

Результат:

Se også