Как сделать отступ снизу css
Перейти к содержимому

Как сделать отступ снизу css

  • автор:

Свойство margin-bottom

Свойство margin-bottom устанавливает внешний отступ снизу элемента. Значением свойства служат любые единицы для размеров либо ключевое свойство auto , предоставляющее браузеру самостоятельно вычислять отступ элемента.

Синтаксис

Пример

Зададим блоку внешний отступ снизу в 50px :

#parent < border: 1px solid green; display: inline-block; >#elem < margin-bottom: 50px; border: 1px solid red; width: 100px; height: 100px; >

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

  • свойство margin-top ,
    которое задает внешний отступ сверху
  • свойство margin-left ,
    которое задает внешний отступ слева
  • свойство margin-right ,
    которое задает внешний отступ справа
  • свойство margin ,
    которое является сокращением для внешнего отступа
  • свойство padding ,
    которое задает внутренний отступ

Трепачёв Дмитрий © 2012-2024
t.me/trepachev_dmitry

Как сделать отступ у scrollbar сверху и снизу? [закрыт]

Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Вопросы с просьбами помочь с отладкой («почему этот код не работает?») должны включать желаемое поведение, конкретную проблему или ошибку и минимальный код для её воспроизведения прямо в вопросе. Вопросы без явного описания проблемы бесполезны для остальных посетителей. См. Как создать минимальный, самодостаточный и воспроизводимый пример.

Закрыт 2 года назад .

введите сюда описание изображения

Как сделать отступ у scrollbar сверху и снизу?

padding

Внутренний отступ, от края элемента до вложенного в него контента.

Время чтения: меньше 5 мин

Открыть/закрыть навигацию по статье
Контрибьюторы:

  • Егор Левченко ,
  • Светлана Коробцева

Обновлено 8 мая 2023

Кратко

Скопировать ссылку «Кратко» Скопировано

Свойство padding — или внутренний отступ — позволяет оттолкнуть контент от границ родительского элемента.

Само свойство padding это шорткат, позволяющий задать отступы сразу со всех четырёх сторон.

Можно управлять отступами по отдельности при помощи свойств padding — top , padding — left , padding — right , padding — bottom .

Или при помощи логических свойств padding — block , padding — block — start , padding — block — end , padding — inline , padding — inline — start , padding — inline — end .

Пример

Скопировать ссылку «Пример» Скопировано

   

Сублимация, как бы это ни казалось парадоксальным, .

div class="parent"> p class="content">Сублимация, как бы это ни казалось парадоксальным, . p> div>

Для наглядности зададим фон родителю:

 .parent  background-color: #2E9AFF;> .parent  background-color: #2E9AFF; >      

Левый отступ по умолчанию у списков

�� Попробуй менять размеры окна браузера и понаблюдать за поведением обоих блоков. Первый будет всегда сохранять пропорции 16:9, а вот второй всегда будет высотой 200 пикселей.

Таблица значений padding-bottom для разных стандартных соотношений сторон:

Соотношение сторон padding-bottom
16:9 56.25%
4:3 75%
3:2 66.66%
8:5 62.5%

Как сделать отступ снизу в css

Если нужен отступ самого блока от других, то используют margin-bottom , а если отступ контента блока от его границ, то padding-bottom .

.content  margin-bottom: 5px; padding-bottom: 5px; > 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *