/css/padding-top:> Верхний отступ_
Свойство padding-top
Синтаксис
CSS 1
CSS 2‒2.2
padding-top: <ширина-отступа> | inherit <ширина-отступа> = <длина> | <процент>
Описание
Свойство padding-top (от англ. "padding top" ‒ «верхний отступ») устанавливает верхний отступ элемента.
| Применяется: | в CSS 1‒2.0 ко всем элементам; в CSS 2.1‒2.2 ко всем элементам, кроме элементов групп строк таблицы, групп заголовков таблицы, группы колонтитула таблицы, строки таблицы, группы столбцов таблицы и столбцов таблицы; |
|---|---|
| Наследование: | отсутствует; |
| Проценты: | в CSS 1‒2.0 относительно ширины ближайшего предка блок-уровня; в CSS 2.1‒2.2 относительно ширины содержательного блока; |
| Медиа: | визуальные. |
JavaScript
[объект]
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Значения
- <длина>
- Определяет фиксированную ширину.
- <процент>
- Процентное значение вычисляется относительно ширины содержательного блока созданной коробки. Если ширина этого содержательного блока зависит от этого элемента, то компоновка не определена в CSS 2.1/2.2.
- inherit
- Указывает, что элемент должен унаследовать параметры родительского элемента.
Начальное значение: «0».
Примечание: значения отступа не могут быть отрицательными.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство padding-top</title>
<style type="text/css">
.box {
display: inline-block;
padding-top: 1.5em;
width: 15em;
height: 5em;
border: 1px solid red;
font-size: 13pt;
text-align: center;
}
</style>
</head>
<body>
<h1>Верхний отступ от коробки</h1>
<div class="box">^^^отступ^^^</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство padding-top</title>
<style type="text/css">
.box {
display: inline-block;
padding-top: 1.5em;
width: 15em;
height: 5em;
border: 1px solid red;
font-size: 13pt;
text-align: center;
}
</style>
</head>
<body>
<h1>Верхний отступ от коробки</h1>
<div class="box">^^^отступ^^^</div>
</body>
</html>
Свойство padding-top