пишет:
Здравствуйте! На прошлом уроке мв разбирались с внешними полями в CSS. На этом уроке поговорим о внутренних отступах Свойство padding задает внутренние отступы от границы элемента до его внутреннего содержимого. Как и для свойство margin, в CSS имеются четыре свойства, которые устанавливают отступы для каждой из сторон:
-
padding-top: отступ сверху
-
padding-bottom: отступ снизу
-
padding-left: отступ слева
-
padding-right: отступ справа
Например:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Блочная модель в CSS3</title>
<style>
div.outer{
margin: 25px;
padding-top:30px;
padding-right: 25px;
padding-bottom: 35px;
padding-left: 28px;
border: 2px solid red;
}
div.inner{
height: 50px;
background-color:blue;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner"></div>
</div>
</body>
</html>
Для установки значения отступов, как и в margin, могут применяться либо конкретные значения в пикселях, так и процентные значения (относительно размеров элементов).
Это интересно
0
|
|||
Последние откомментированные темы:
-
Обзор смартфона LG Optimus L9
(1)
hobert
,
01.03.2022
-
Антивирусные приложения Android для защиты устройства
(1)
Наталья_ласточка
,
27.02.2022
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
bbob
,
15.02.2022
-
Обходим блокировку сайтов.
(3)
Евгений_к
,
07.02.2022
-
Как можно зарабатывать онлайн без вложений
(1)
Vasil
,
20.01.2022
-
Как сделать меню пуск Windows 11 как в Windows 10?
(1)
Vasil
,
30.12.2021
-
Самый продвинутый блокировщик рекламы
(2)
Grigori
,
24.12.2021
-
Какие бывают опасные приложения для смартфона в Плей Маркете и App Store?
(1)
Лариотик
,
08.12.2021
20240423231919