Убрать отступы вокруг формы - «Отступы и поля» » Новости мира Интернет
На Kickstarter представили SYITREN RM1 – это одновременно CD-плеер и предмет интерьера - «Новости мира Интернет»
На Kickstarter представили SYITREN RM1 – это одновременно CD-плеер и предмет интерьера - «Новости мира Интернет»
CMF представила открытые наушники Clip Pro - «Новости мира Интернет»
CMF представила открытые наушники Clip Pro - «Новости мира Интернет»
Сбер представил Kandinsky WM 1.0 для обучения роботов - «Новости мира Интернет»
Сбер представил Kandinsky WM 1.0 для обучения роботов - «Новости мира Интернет»
ShieldFont защитит тексты от ИИ-ботов с помощью подмены слов - «Новости мира Интернет»
ShieldFont защитит тексты от ИИ-ботов с помощью подмены слов - «Новости мира Интернет»
Huawei выпустила универсальный пауэрбанк с функцией офлайн-отслеживания - «Новости мира Интернет»
Huawei выпустила универсальный пауэрбанк с функцией офлайн-отслеживания - «Новости мира Интернет»
«Два миллиона печенек для двух миллионов из вас»: Capcom похвасталась ажиотажем вокруг Resident Evil Veronica - «Новости сети»
«Два миллиона печенек для двух миллионов из вас»: Capcom похвасталась ажиотажем вокруг Resident Evil Veronica - «Новости сети»
Бум ИИ взвинтил цены на медь к историческим максимумам - «Новости сети»
Бум ИИ взвинтил цены на медь к историческим максимумам - «Новости сети»
Единственный российский производитель телевизоров из реестра Минцифры обанкротился - «Новости сети»
Единственный российский производитель телевизоров из реестра Минцифры обанкротился - «Новости сети»
В приложениях Samsung Смарт-ТВ обнаружен SDK, продающий доступ к IP и пропускной способности сети владельца - «Новости сети»
В приложениях Samsung Смарт-ТВ обнаружен SDK, продающий доступ к IP и пропускной способности сети владельца - «Новости сети»
Samsung объяснила, почему Galaxy Z Fold 8 получил новый форм-фактор вместо универсального дизайна - «Новости сети»
Samsung объяснила, почему Galaxy Z Fold 8 получил новый форм-фактор вместо универсального дизайна - «Новости сети»
Новости мира Интернет » Самоучитель 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.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

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

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



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