Атрибут bottommargin в HTML

CSS margin-bottom Property

Example

Set the bottom margin for a

element to 25 pixels:

More «Try it Yourself» examples below.

Definition and Usage

The margin-bottom property sets the bottom margin of an element.

Note: Negative values are allowed.

Default value:
Inherited: no
Animatable: yes, see individual properties. Read about animatable Try it
Version: CSS1
JavaScript syntax: object.style.marginBottom=»100px» Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
margin-bottom 1.0 6.0 1.0 1.0 3.5

CSS Syntax

Property Values

Value Description Play it
length Specifies a fixed bottom margin in px, cm, em, etc. Default value is 0. Negative values are allowed. Read about length units Play it »
% Specifies a bottom margin in percent of the width of the containing element Play it »
auto The browser calculates a bottom margin Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit

Margin Collapse

Top and bottom margins of elements are sometimes collapsed into a single margin that is equal to the largest of the two margins.

This does not happen on horizontal (left and right) margins! Only vertical (top and bottom) margins!

Look at the following example:

Example

In the example above, the

element has a top and bottom margin of 30px. The

element has a top and bottom margin of 20px.

This means that the vertical margin between

should be 50px (30px + 20px). But due to margin collapse, the actual margin ends up being 30px!

More Examples

Example

Set the bottom margin for a

element to 10% of the width of the container:

Example

Set the bottom margin for a

element to 2 em:

COLOR PICKER

HOW TO

SHARE

CERTIFICATES

Your Suggestion:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Top Tutorials

Top References

Top Examples

Web Certificates

W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 1999-2020 by Refsnes Data. All Rights Reserved.
Powered by W3.CSS.

CSS свойство margin-bottom

Это свойство устанавливает размер нижнего отступа элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента.

Внимание: Допускается использование отрицательных значений.

CSS синтаксис

Возможные значения

Значение Описание
auto Браузер автоматически устанавливает размер нижнего отступа.
размер Устанавливает размер нижнего отступа в единицах CSS — пикселях (px), сантиметрах (cm) и т.д. Значение по умолчанию 0.
% Устанавливает размер нижнего отступа в процентах от ширины родительского элемента.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем размер нижнего отступа элемента

Служебные теги

Служебные теги — это элементы языка HTML, формирующие структуру документа (страницы). Они хранят различные скрипты, стили и метаданные, которые необходимы для поисковых роботов и браузеров.

К служебным тегам относят:

Тег html

Элемент html — это первый служебный тег, который пишет разработчик, создавая HTML-документ. Между открывающим и закрывающим тегами располагается вся информация о веб-странице.

Открывающий тег всегда стоит вторым после элемента, устанавливающего тип документа !DOCTYPE, и может содержать внутри себя атрибуты title, manifest, xmlns.

Закрывающий тег всегда стоит последним и не должен содержать внутри себя атрибутов.

Между открывающим html и закрывающим /html находятся теги head и body, которые отвечают за техническую и видимую информацию страницы соответственно.

Тег head

Элемент head — это служебный тег, который содержит в себе всю техническую информацию о веб-странице, а также задает ее заголовок. Эта информация не видна обычному пользователю (кроме title — заголовка окна веб-страницы), но помогает браузерам и поисковым системам работать с данными страницы.

Данная область пишется первой и является неким контейнером для метаданных html-документа. В ней могут содержаться такие элементы, как title, base, meta, link, style.

Внутри открывающего head может содержаться атрибут profile, который задает адрес профиля метаданных.

Тег title

Элемент title отвечает за заголовок страницы, который отображается в шапке браузера. Иными словами, title задает текст, который будет написан на самой вкладке браузера.

Данный тег пишется один раз и располагается в контейнере head. Его написание обязательно, так как браузер не может самостоятельно определить заголовок.

Тег meta

Служебный тег meta предназначен для хранения технической информации, которая используется браузерами и поисковыми роботами. Например, это могут быть ключевые слова, описание сайта, кодировка документа и др.

Элемент meta не имеет закрывающего тега. Он располагается в контейнере head и может содержать внутри себя несколько атрибутов одновременно:

  • charset. Указывает кодировку документа (страницы). Например, utf-8;
  • http-equiv. Данный атрибут формирует http-заголовок и определяет действия браузера. Название заголовка указывается в самом атрибуте http-equiv, а его значение — в атрибуте content. Примеры значений — content-security-policy (задает правила и политику сайта, защищает от атак с внедрением контента и т. д.), content-type (кодировка для документа), default-style (предпочитаемые стили), refresh (интервал обновления страницы в секундах);
  • name. Задает тип метатега. Используется в паре «имя=значение». Примеры значений — author (имя автора), description (описание веб-страницы), keywords (ключевые слова). Недопустимо одновременное использование name и http-equiv;
  • content. Устанавливает значение атрибутов name и http-equiv. Атрибут content может содержать не одно, а несколько значений, указанных через запятую или точку с запятой.

Тег style

Служебный тег style определяет стили элементов страницы. Например, стиль H1 (его размер, шрифт, цвет). Задается данный тег в контейнере head и может применяться неоднократно (для разных элементов).

Задав стиль в head, браузер использует его в body к соответствующему элементу.

  • media — позволяет определить устройство вывода, для которого задана таблица стилей. Для каждого устройства можно задать свой стиль;
  • type — задает синтаксис, который необходимо использовать для верной интерпретации таблиц стилей. По умолчанию значение равно «text/css».

Тег body

Элемент body — это служебный тег, содержащий в себе все данные, которые отображаются на веб-странице (текст, медиафайлы, таблицы и т. д.). Иными словами, body отвечает за отображение контента документа.

Внутри контейнера body используются все элементы, предназначенные для дизайна страницы. Но иногда там могут быть расположены и обработчики событий. Например, onload, который выполняется после того, как документ завершит загрузку.

Внутри открывающего тега body можно разместить атрибуты, задающие определенные значения параметров для всей веб-страницы целиком. Например, ее фон, цвет текста, цвет гиперссылок и т. д.

  • alink — цвет активных ссылок;
  • background — фон страницы (изображение, картинка, видео);
  • bgcolor — цвет фона (если это простая заливка);
  • bgproperties — свойства фона (прокручиваться вместе с контентом, оставаться неподвижным, прокручиваться в режиме Paralax и т. д.);
  • bottommargin, topmargin, rightmargin, leftmargin — отступы от соответствующих краев страницы до контента;
  • link — цвет ссылок;
  • scroll — отображение полос прокрутки;
  • text — цвет текста на странице;
  • vlink — цвет нажатых ссылок.

Кроме вышеописанных атрибутов в служебном теге body можно также использовать универсальные атрибуты и события.

Тег script

Элемент script — служебный тег, предназначенный для описания скриптов. Он может содержать в себе ссылку на саму программу или ее текст, написанный на другом языке. Данный тег позволяет HTML-документам работать с программами, написанными на языке JavaScript и др.

Один и тот же скрипт может храниться во внешнем файле и использоваться одновременно для нескольких страниц. Это позволяет выполнять его быстрее при последующих загрузках, так как при первой загрузке файл кэшируется.

Атрибуты для тега script:

  • async — позволяет загружать скрипт асинхронно;
  • defer — не дает скрипту начать работу до тех пор, пока страница не будет загружена полностью;
  • language — указывает язык программирования скрипта;
  • src — адрес внешнего файла;
  • type — определяет тип содержимого тега script.

Служебный тег script можно располагать в любом месте документа (как в контейнере head, так и в контейнере body).

Синонимы: нет
Все термины на букву «С»
Все термины в глоссарии

Атрибут bottommargin в HTML

Sets or gets the bottom margin of the entire body of the document.

Syntax

value = object.bottomMargin

Property values

Type: Variant

the number of pixels for the bottom margin.

value (15)

Remarks

If the value is set to «», the bottom margin is set exactly on the bottom edge. The specified value overrides the default margin.

By default, the opposite margin is set to the same value you set for this property.

Свойство PageSetup. BottomMargin (Excel) PageSetup.BottomMargin property (Excel)

Возвращает или задает размер нижнего поля в пунктах. Returns or sets the size of the bottom margin, in points. Для чтения и записи, Double. Read/write Double.

Синтаксис Syntax

Expression. BottomMargin expression.BottomMargin

Expression (выражение ) Переменная, представляющая объект PageSetup . expression A variable that represents a PageSetup object.

Примечания Remarks

Поля задаются или возвращаются в пунктах. Margins are set or returned in points. Используйте метод инчестопоинтс или метод центиметерстопоинтс для выполнения преобразования. Use either the InchesToPoints method or the CentimetersToPoints method to do the conversion.

Пример Example

В этих двух примерах для нижнего поля Лист1 задается значение 0,5 дюйма (36 точек). These two examples set the bottom margin of Sheet1 to 0.5 inch (36 points).

В этом примере отображается текущее значение для нижнего поля на листе Sheet1. This example displays the current setting for the bottom margin on Sheet1.

Поддержка и обратная связь Support and feedback

Есть вопросы или отзывы, касающиеся Office VBA или этой статьи? Have questions or feedback about Office VBA or this documentation? Руководство по другим способам получения поддержки и отправки отзывов см. в статье Поддержка Office VBA и обратная связь. Please see Office VBA support and feedback for guidance about the ways you can receive support and provide feedback.

margin-bottom

HTML
JavaScript
Браузер Internet Explorer Netтscape Опера Safari Mozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да

Краткая информация

CSS (ЦСС) CSS (ЦСС)1
Значение по умолчанию
Наследуется Нет
Применяется Ко всем элементам
Аналог ШТМЛ Нет
Ссылка на спецификацию http://www.w3.org/TR/CSS21/box.ШТМЛ#propdef-margin-bottom

Описание

Устанавливает величину отступа от нижнего края элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента (рис. 1).

Рис. 1. Отступ от нижнего края элемента

Синтаксис

margin-bottom: значение | auto

Аргументы

Величину нижнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS (ЦСС) единицах. Значение может быть как положительным, так и отрицательным числом. Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером.

ШТМЛ 4.01 CSS (ЦСС) 2.1 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Результат данного примера показан ни рис. 2.

Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : margin-bottom

смотрим также

Материал из Справочник Web-языков

Содержание

Атрибут margin-bottom | Свойство marginBottom

Это свойство позволяет задать высоту отступа от нижнего края объекта.

Синтаксис

HTML
Скрипты [ sHeight = ] object.style.marginBottom

Возможные значения

sHeight Строка, которая может определять и принимать одно или несколько из следующих значений:

auto Значение по умолчанию. Высота отступа от нижнего и верхнего краев объекта одинакова.
height Задается вещественным числом. Можно использовать как абсолютные единицы измерения (cm, mm, in, pt, или pc), так и относительные (em, ex, или px).
percentage Задается целочисленно в процентах (%). Высота отступа будет равна части (в процентах) от высоты родительского элемента.

У свойства есть значение по умолчанию, равное auto. Атрибут margin-bottom не наследуется.

Замечания

В Internet Explorer 5.5 margin-bottom применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.

Свойство margin-bottom может задаваться отрицательным числом.

Для строковых объектов значение этого свойства используется также для вычисления граничной зоны (border area) для соседних строковых объектов, если таковые присутсвуют.

Отступы всегда прозрачны.

Примеры

Следующие примеры иллюстрируют применение свойства margin-bottom и атрибута marginBottom для задания отступа от нижнего края объекта.

В первом примере используется атрибут margin-bottom для задания отступа от нижнего края изображения на 2 сантиметра.

Во втором примере применяется свойство marginBottom для задания отступа от нижнего края изображения на 1 сантиметр при наведении на него курсора мыши.

Стандарты

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Firefox 1.5, 2.0, 3.0

Смотри также

CSS Length Units Reference, CSS Enhancements in Internet Explorer 6

setAutoBottomMargin

Description

mixed setAutoBottomMargin

Specify the behaviour defining the bottom-margin of the document. When setAutoBottomMargin is set to ‘stretch’ then autoMarginPadding defines the minimum distance in mm that will be forced between the top of the footer and the bottom of the main text.

Values

Values

‘pad’ the value for margin-bottom is used to set a fixed distance in mm (padding) between the top of the footer and the bottom of the main text ‘stretch’ margin-bottom sets a minimum distance in mm between the bottom of the page and the bottom of the main text, which expands if the footer is too large to fit. false the defined value for margin-bottom is respected even if the footer overlaps the main body of the document.

CSS свойство margin-bottom

Это свойство устанавливает размер нижнего отступа элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента.

Внимание: Допускается использование отрицательных значений.

CSS синтаксис

Возможные значения

Значение Описание
auto Браузер автоматически устанавливает размер нижнего отступа.
размер Устанавливает размер нижнего отступа в единицах CSS — пикселях (px), сантиметрах (cm) и т.д. Значение по умолчанию 0.
% Устанавливает размер нижнего отступа в процентах от ширины родительского элемента.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем размер нижнего отступа элемента

Атрибут bottommargin в HTML

Sets or gets the bottom margin of the entire body of the document.

Syntax

value = object.bottomMargin

Property values

Type: Variant

the number of pixels for the bottom margin.

value (15)

Remarks

If the value is set to «», the bottom margin is set exactly on the bottom edge. The specified value overrides the default margin.

By default, the opposite margin is set to the same value you set for this property.

Илон Маск рекомендует:  Цвет маркеров
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL
HTML
JavaScript