Business Insights
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Subscribe
Business Insights
Business Insights
  • Рекламным агентствам
  • Информационное спонсорство
  • Ссылки
  • О проекте
  • CSS

Все правила CSS. Отступы

  • 02.11.2001
Total
0
Shares
0
0
0

Автор статьи: Головин Андрей

Каждый элемент обладает двумя свойствами, которые определяют отступы от его края. Свойство margin задает отступ от элемента до других элементов. Свойство padding задает отступ от края элемента до его содержания. лучше всего это видно на следующем рисунке:
>


Свойства padding и margin

Эти правила могут быть заданы отдельно для каждой стороны. Для этого используются следующие модификаторы: -top (верхний), -bottom (нижний), -left (левый) и -right (правый).

При расположении двух элементов друг над другом, отступ между ними определяется исходя из большего отступа. Если у верхнего элемента отступ равем 20 пикселям, а у нижнего — 18, то суммарный отступ составит 20 пикселей.


Определение суммарного отступа

При сокращенной записи (margin: , padding: ) можно задавать от одного до четырех значений. Интерпретироваться они будут в соответствии со следующей таблицей:

Количество первый второй третий четвертый
1 для всех сторон – – –
2 -top и -bottom -left и -right – –
3 -top -left и -right -bottom –
4 -top -right -bottom -left

Total
0
Shares
Share 0
Tweet 0
Pin it 0
alexvolkov

Previous Article
  • DHTML

Отображение и скрытие элементов в IE и NN

  • 02.11.2001
  • alexvolkov
Read More
Next Article
  • JavaScript

Определение браузера

  • 02.11.2001
  • alexvolkov
Read More
You May Also Like
Read More
  • CSS

Формализация CSS

  • Алексей Волков
  • 23.05.2012
Read More
  • CSS

Ножницы для CSS

  • Алексей Волков
  • 25.01.2005
Read More
  • CSS

CSS: фон и цвет

  • Алексей Волков
  • 27.05.2004
Read More
  • CSS

CSS: позиционирование блоков

  • Алексей Волков
  • 08.04.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 02.02.2004
Read More
  • CSS

Что такое каскадные таблицы стилей (CSS)

  • Алексей Волков
  • 27.11.2003
Read More
  • CSS

Создание “буквиц”

  • alexvolkov
  • 30.11.2001
Read More
  • CSS

Описание стилей элемента<A>

  • alexvolkov
  • 05.11.2001

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

Для отправки комментария вам необходимо авторизоваться.

  • Рассылка как продукт
    • 24.07.2020
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.2018
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.2018
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.2017
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.2017
Social Links
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Twitter Feed
Marketer
  • Рекламным агентствам
  • Информационное спонсорство
  • Ссылки
  • О проекте
Статьи про рекламу, маркетинг, public relations, интернет

Input your search keywords and press Enter.