Убрать отступы вокруг формы - «Отступы и поля» » Новости мира Интернет
«Вернуться будет очень сложно»: CD Projekt Red объяснила, зачем выпускает ремастер The Witcher 3: Wild Hunt - «Новости сети»
«Вернуться будет очень сложно»: CD Projekt Red объяснила, зачем выпускает ремастер The Witcher 3: Wild Hunt - «Новости сети»
Micron создала планку DDR5 объёмом полтерабайта - «Новости сети»
Micron создала планку DDR5 объёмом полтерабайта - «Новости сети»
Agility Robotics представила робота Digit 5 — он замирает или приседает при виде человека, но так и задумано - «Новости сети»
Agility Robotics представила робота Digit 5 — он замирает или приседает при виде человека, но так и задумано - «Новости сети»
Ярче, точнее, быстрее: телевизор TCL 65C7L SQD-Mini LED получил подсветку нового поколения - «Новости сети»
Ярче, точнее, быстрее: телевизор TCL 65C7L SQD-Mini LED получил подсветку нового поколения - «Новости сети»
Первый орбитальный запуск мегаракеты SpaceX Starship запланирован на 22 сентября - «Новости сети»
Первый орбитальный запуск мегаракеты SpaceX Starship запланирован на 22 сентября - «Новости сети»
Исследование Точка Банка показало эффективные инструменты продвижения по мнению малого и среднего бизнеса - «Новости мира Интернет»
Исследование Точка Банка показало эффективные инструменты продвижения по мнению малого и среднего бизнеса - «Новости мира Интернет»
Исследование: насколько пользователи доверяют ИИ при совершении онлайн-покупок - «Новости мира Интернет»
Исследование: насколько пользователи доверяют ИИ при совершении онлайн-покупок - «Новости мира Интернет»
ShortDot подает заявку на 40 коротких доменных имен верхнего уровня - «Новости мира Интернет»
ShortDot подает заявку на 40 коротких доменных имен верхнего уровня - «Новости мира Интернет»
Галактические альянсы, космические базы и полёты к Солнцу: для No Man’s Sky вышло масштабное обновление Cosmos - «Новости сети»
Галактические альянсы, космические базы и полёты к Солнцу: для No Man’s Sky вышло масштабное обновление Cosmos - «Новости сети»
Вышедшие из-под контроля OpenAI ИИ-агенты использовали более 10 сайтов для несанкционированной переписки - «Новости сети»
Вышедшие из-под контроля OpenAI ИИ-агенты использовали более 10 сайтов для несанкционированной переписки - «Новости сети»
Новости мира Интернет » Самоучитель 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.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

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

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



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