Css уплътнение, примери

CSS уплътнение имот е отговорен за назначаването на отстъп в рамките на клетката, от границата си

Синтаксис CSS уплътнение

  • отгоре - отстъп от горната граница елемент;
  • прав - тире от дясната граница на елемент;
  • отдолу - вдлъбнатината от границата на долния елемент;
  • лявата - тире от левия границата на елемент;

Pixel стойности са установени по-често. Също така е възможно прехвърляне под формата на лихви и други валидни CSS единици.

Забележка 1
Работата не е разрешено четири стойности. В зависимост от броя на стойностите на действието ще бъде различно:

  • Ако е зададено на 3 стойности, първата стойност определя горната граница, а вторият - както наляво и надясно, а третият - на дъното
  • Ако е 2, стойностите, първата стойност определя горната граница и долната част, а вторият - в ляво и дясно на съдържанието
  • Ако е 1, което означава, че вдлъбнатината се определя от една и съща вдлъбнатината за всички страни. Например:

Забележка 2
За разлика от свойствата на CSS марж. отрицателни стойности в подплатата не е позволено.

Също така, подплатата има 4 индивидуален свойства CSS. Всеки от тях е отговорен за някои посока.

  • уплътнение ляв - вдлъбнатината от лявата граница на елемент;
  • уплътнение десен - вдлъбнатината от дясната граница на елемент;
  • вата-отгоре - отстъп от горната граница елемент;
  • уплътнение дъно - вдлъбнатината от лявата граница на елемент;

Примери за различни елемент в рамките на вдлъбнатината

Пример 1. отстъп на текста вътре в тага

Ето как изглежда на страницата:

Пример нула вдлъбнатина (подложка: 0px)

Пример еднакво пространство от всички граници (подложка: 10px)

Пример с различен вдлъбнатина (подложка: 10px 0px 0px 30px)

Пример 2. отстъп обект в рамките на обекта