Убрать отступы вокруг формы - «Отступы и поля» » Новости мира Интернет
Россияне оспорили отказ суда рассматривать иск о блокировке звонков в Telegram и WhatsApp - «Новости сети»
Россияне оспорили отказ суда рассматривать иск о блокировке звонков в Telegram и WhatsApp - «Новости сети»
Sony анонсировала первый за семь лет проигрыватели виниловых пластинок - «Новости сети»
Sony анонсировала первый за семь лет проигрыватели виниловых пластинок - «Новости сети»
Intel упускает миллиарды из-за дефицита процессоров и производственных проблем — акции рухнули на 11 % - «Новости сети»
Intel упускает миллиарды из-за дефицита процессоров и производственных проблем — акции рухнули на 11 % - «Новости сети»
Илон Маск пообещал, что роботы Tesla Optimus точно-точно поступят в продажу в конце 2027 года - «Новости сети»
Илон Маск пообещал, что роботы Tesla Optimus точно-точно поступят в продажу в конце 2027 года - «Новости сети»
Луна подождёт: третий пуск ракеты Blue Origin New Glenn в конце февраля доставит спутник главного конкурента Starlink - «Новости сети»
Луна подождёт: третий пуск ракеты Blue Origin New Glenn в конце февраля доставит спутник главного конкурента Starlink - «Новости сети»
В Яндекс Картах добавили возможность делиться геопозицией с близкими - «Новости мира Интернет»
В Яндекс Картах добавили возможность делиться геопозицией с близкими - «Новости мира Интернет»
Китайская блогерша объединила PS5, Xbox и Nintendo Switch 2 в корпусе Mac Pro - «Новости мира Интернет»
Китайская блогерша объединила PS5, Xbox и Nintendo Switch 2 в корпусе Mac Pro - «Новости мира Интернет»
Яндекс связал умный дом и авто: «Алиса» научилась заводить машину - «Новости мира Интернет»
Яндекс связал умный дом и авто: «Алиса» научилась заводить машину - «Новости мира Интернет»
Microsoft опубликовала рейтинг стран по уровню внедрения ИИ-сервисов - «Новости мира Интернет»
Microsoft опубликовала рейтинг стран по уровню внедрения ИИ-сервисов - «Новости мира Интернет»
В Adobe Acrobat можно будет переводить PDF-документы в подкасты - «Новости мира Интернет»
В Adobe Acrobat можно будет переводить PDF-документы в подкасты - «Новости мира Интернет»
Новости мира Интернет » Самоучитель CSS » Отступы и поля » Убрать отступы вокруг формы - «Отступы и поля»
Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Задача

Убрать отступы вокруг формы добавляемые браузером по умолчанию.

Решение

При добавлении формы через тег <form> вокруг неё сверху и снизу автоматически добавляются отступы. Чтобы их убрать, используйте стилевое свойство margin с нулевым значением, добавляя его к селектору form, как показано в примере.;1.

Пример 1. Нулевые отступы вокруг формы

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Отступы вокруг формы</title>
  <style>
   form {
    margin: 0; /* Убираем отступы */
   
  </style>
 </head>
 <body>
  <hr>
  <form>
   <p>...</p>
  </form>
  <hr>
 </body>
</html>

Отступы заметны в тех случаях, когда форма располагается внутри других элементов страницы и влияет на их положение.


Internet Explorer Chrome Opera Safari Firefox Android iOS 4.0 1.0 4.0 1.0 1.0 1.0 1.0 Задача Убрать отступы вокруг формы добавляемые браузером по умолчанию. Решение При добавлении формы через тег вокруг неё сверху и снизу автоматически добавляются отступы. Чтобы их убрать, используйте стилевое свойство margin с нулевым значением, добавляя его к селектору form, как показано в примере.;1. Пример 1. Нулевые отступы вокруг формы HTML5 CSS 2.1 IE Cr Op Sa Fx Отступы заметны в тех случаях, когда форма располагается внутри других элементов страницы и влияет на их положение.
Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

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

А что там на главной? )))



Комментарии )))