Властивість заповнення визначає простір між межами елемента та його вмістом.
Ця властивість може приймати 4 значення:
•Якщо задано значення, наприклад div {padding: 50px} — усі чотири сторони заповнення мають 50 px.
•Якщо вказано два значення, наприклад div {padding: 50px 10px} — верхнє і нижнє заповнення мають 50 px, а ліве і праве — 10 px.
•Якщо вказати три значення, наприклад div {padding: 50px 10px 20px} — верхнє і нижнє наповнення мають 50 px, ліве і праве — 10 px, а нижнє — 20 px.
•Якщо вказати чотири значення, наприклад div {padding: 50px 10px 20px 30px} — верхнє заповнення буде 50 px, праве — 10 px, нижнє — 20 px, а ліве — 30 px.
DIV CSS margin стосується поля слова атрибута CSS, поле — це поле, яке встановлює чотири сторони об'єкта, без кольору фону і кольору.
1. Синтаксис маржінь
Margin:10px
Значення margin — це число + HTML-одиниця, і воно також може бути автоматичним (автоматичним, адаптивним)
2. Структура застосування
Div{margin:10px}
Встановіть об'єкт div на інтервал 10px
3. Опис полів
margin — це відстань між зовнішнім краєм об'єкта та епітаксіальним краєм.
Існує три ситуації, коли значення поля може бути додатним цілим і від'ємним цілим числом, і додати одиниці, наприклад пікселі PX (margin-left: 20px); auto може використовуватися як автоматичний атрибут (margin-left: auto auto); Це може бути відсоткове (%) значення (margin-left: 3%).
Розширення поля (окремо встановіть чотирикутне слово атрибута між ними)
об'єкт margin-left (margin-left:5px; Відстань лівого розширення 5px)
margin-right Праве поле об'єкта (margin-right:5px; Відстань правого розширення 5px)
об'єкт margin-top (margin-top:5px; Верхня епітаксіальна відстань 5px)
об'єкт margin-bottom (margin-bottom:5px; Нижня епітаксіальна відстань 5px)
|
Опубліковано 30.10.2014 16:21:55
|
|
|
