Как да приложим подложка в CSS с примери



Тази статия ще ви предостави подробни и изчерпателни знания за това как да приложите Padding в CSS с примери.

Подплата е един от най-важните аспекти на и . В тази статия ще обсъдим значението и използването на Padding в CSS в следния ред:

Какво е Padding в CSS?

Свойството padding ви позволява да посочите къде и колко пространство да се появи между текста на съдържанието на даден елемент и неговата граница. Стойността на този атрибут трябва да бъде дължина или процент, или думата.





Padding-in-CSS



Ако стойността се наследи, тя ще бъде същата като подложка като родителската. Тук, ако се използва процентът, процентът е на съдържащото поле.

Свойства за подплата

Следните свойства на Padding в CSS могат да се използват за управление на списъци. И все пак можете да зададете различни стойности за подплънките от всяка от страните на кутията, като използвате основно следните свойства:

  • Подложка отдолу: той определя долната подложка на елемент.



  • Подложка: Той определя горната подплата на елемент.

  • Уплътнение вляво: Той определя лявата подплата на елемента.

  • Уплътнение вдясно: Той определя правилното подплащане на елемента.

  • Подплата: Това служи като стенограма за по-нататъшни свойства.

Свойството с подплатено дъно:

Това е настроено на подложка отдолу на елемент. Може да приема стойностите в процентна дължина.


Това е абзацът, посочен отдолу



Това е друг абзац, посочен в долната част на подложката в проценти

Изход:

Имотът за подплата

Това свойство padding-top ще зададе най-горното допълнение на елемент. Това може да приеме стойности в процентна дължина.


Това е абзацът, посочен отгоре



Това е друг абзац, посочен в горната част на подложката в процент

Изход:

Свойството за ляво запълване

Това свойство за подплъзване вляво ще зададе лявото запълване на елемент. Може да приема стойности в процентна дължина.


Това е абзацът, посочен вляво



Това е друг абзац, посочен в ляво запълване в проценти

Изход:

Свойството с право на подложка

Това свойство padding-right ще зададе правилното допълване на елемент. Може да приема стойности в процентна дължина.


Това е абзацът, посочен вдясно



Това е друг абзац, посочен в дясно, запълване в проценти

Изход:

Свойството на подложката

Това свойство на подложката задава дясното, лявото, горното и долното подплащане. Това може да приеме стойностите в дължина в проценти.


Всички тези четири подложки ще бъдат 20px



Горната и долната подложка ще бъдат 20px, дясната и лявата ще бъдат 10% от общата ширина на документа



Горната и долната подложка ще бъдат 20 пиксела, дясната подложка ще бъде 3% от общата ширина на документа, долната подложка и горната подплата ще бъдат 20 пиксела

Изход:

има vs е java

С това стигнахме до края на тази невероятна статия за Padding в CSS. Надявам се, че сте разбрали различните начини, по които можем да добавим подплънки.

Ако се интересувате да научите повече за уеб разработката, разгледайте от Edureka. Обучението за сертифициране на уеб разработки ще ви помогне да научите как да създавате впечатляващи уебсайтове с помощта на HTML5, CSS3, Twitter Bootstrap 3, jQuery и Google API и да го разположите в Amazon Simple Storage Service (S3).

Ако все още се интересувате Ако имате някакъв въпрос, можете да го публикувате в раздела за коментари в този блог „Подложка в CSS“ и ние ще се свържем с вас възможно най-скоро.