Привет друзья! Сейчас мы с вами рассмотрим такое классное свойство стиля, как margin, которое задаёт отступы вокруг элемента.
CSS Синтаксис Margin
margin: length|auto|initial|inherit;
length Задает поля в px, pt, cm, и т.д. Значение по умолчанию 0. Допускаются отрицательные значения.
% Задает поля в процентах от ширины содержащего элемент
auto Свойство браузер вычисляет поля
initial Устанавливает это свойство в значение индекса.
inherit Наследует это свойство от родительского элемента.
❗ При указании четырёх значений (15px 20px 25px 30px) - порядок расстановки отступов будет следующий: сверху(15px) - справа(20px) - внизу(25px) - слева(30px) – по часовой стрелке.
❗ При указании трёх значений (15px 20px 25px) - порядок расстановки отступов будет следующий: сверху (15px) – справа и слева (20px) - снизу (25px).
❗ При указании только двух значений (15px 20px) - первое значение(15px) будет задавать размер отступа сверху и снизу, а второе (20px) значение - отступы справа и слева.
❗ При указании одного значения (15px) - отступ со всех сторон будет одного размера - 15px.
Примечание: Допускаются отрицательные значения.
Это свойство очень удобно использовать. 😊
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал: [ Ссылка ]
Рекомендую посмотреть вот эти видео ►
★ [Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик] [ Ссылка ]
★ [Как отобразить другой сайт внутри вашего сайта, тег iframe] [ Ссылка ]
★ [Как напечатать текст справа налево] [ Ссылка ]
★ [Как сделать бегущую строку] [ Ссылка ]
★ [Что такое классы] [ Ссылка ]
★ [Как скопировать стиль, с одного сайта на другой] [ Ссылка ]
★ [Как добавить снег на сайт] [ Ссылка ]
★ [Как сделать галерею картинок] [ Ссылка ]
★ [Как сделать горизонтальную линию] [ Ссылка ]
★ [Как вставить gif анимацию на сайт] [ Ссылка ]
★ [Делаем сайт визитку за 5 минут! - от ИТ профессионала] [ Ссылка ]
★ [Изучаем с нуля HTML за 1 час! Верстка для начинающих] [ Ссылка ]
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - [ Ссылка ] 🚀
Группа FaceBook - [ Ссылка ]
Инстаграм Wiseplat: [ Ссылка ]
Instagram: [ Ссылка ]
Twitter - [ Ссылка ]
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch [ Ссылка ]
● Уроки программирования для детей и подростков на Python [ Ссылка ]
● Уроки HTML/CSS. Учим быстро и эффективно! [ Ссылка ]
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу. [ Ссылка ]
● Уроки jQuery. Для начинающих, с нуля [ Ссылка ]
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно! [ Ссылка ]
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации. [ Ссылка ]
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов: [ Ссылка ]
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: [ Ссылка ]
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
#урокиhtml #урокиcss #урокиjavascript
Уроки HTML, CSS / Свойство стиля margin отступ от границ
Теги
htmlhtml5cssmarginjavascriptjavascript урокиcss урокиуроки htmlуроки cssуроквидеоурокобучениепрограммированиекак сделать сайтуроки сайтсайт с нуляс нулядля начинающихhtml javascriptjavascript с нуляjavascript для начинающихизучаем javascriptучим javascriptверстка сайтаcss marginjs урокиоператор switchуроки javascriptусловный операторcss отступыстиль marginвидео курс по cssотступы margin в cssсоздание сайтов