Latest web development tutorials
×

CSS курс

CSS курс CSS Краткое введение CSS грамматика CSS Id и Class селектор CSS создать CSS фон(background) CSS текст(text) CSS шрифты(Fonts) CSS ссылка(link) CSS стили списка(ul) CSS таблица(table) CSS Box модель CSS рамка(border) CSS контур(outline) CSS маржа(margin) CSS начинка(padding) CSS Группировка и вложенность CSS размер(Dimension) CSS дисплей(display) CSS разместить(position) CSS терка(float) CSS выравнивать(align) CSS Сочетание селекторов CSS Псевдо-классы CSS Псевдо-элемент CSS Панель навигации CSS Выпадающее меню CSS Галерея изображений CSS Прозрачное изображение/непрозрачный CSS технологии мозаики изображения CSS Тип носителя CSS селекторы атрибутов CSS резюме CSS примеров

CSS3 курс

CSS3 курс CSS3 Краткое введение CSS3 рамка(border) CSS3 фон CSS3 постепенное изменение CSS3 Текстовые эффекты CSS3 шрифты CSS3 2D изменение CSS3 3D изменение CSS3 переход CSS3 анимация CSS3 Multi-колонки CSS3 Пользовательский интерфейс

CSS Адаптивный дизайн

Viewport Grid View Медиа-запросы изображение видео(video) рамка

CSS справочное руководство

CSS справочное руководство CSS селектор CSS Речь Ссылка CSS Web Безопасные шрифты CSS анимация CSS блок CSS цвет CSS значения цвета CSS название цвета CSS шестнадцатеричный цвет

CSS Перетяжка (обивка)

определение космического элемента границы и содержание элемента между свойством CSS Padding (дополнение).


Перетяжка (дополнение)

Когда элементы Padding (заполненные) (дополнение) снят, "освобождение" области элемента заполняет цвет фона будет.

В одиночку заполнить свойства могут изменяться вверх и вниз вокруг начинки. Сокращенного заполнения свойства также могут быть использованы для изменения сразу все изменилось.

Возможные значения

значение объяснение
длина Определяет фиксированный обивка (пикселей, пт, EM и т.д.)
% Используйте процентное значение для определения заполнения


Обивка - Padding недвижимость одностороннее

В CSS, он может указать другую сторону различным наполнением:

примеров

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Попробуйте »


Начинка - сокращённое свойство

Чтобы сократить код, который вы можете указать все свойства отступов в одной собственности.

Это называется сокращенным свойством. Сокращённое свойство для всех атрибута заполнения является "заполнение":

примеров

обивка: 25px 50px;

Попробуйте »

Перетяжка свойство может иметь от одного до четырех значений.

обивка: 25px 50px 75px 100px;

  • Заполнение 25px
  • Право на заполнение 50px
  • Под заполненном 75 пикселей
  • Оставшись заполнены 100px

обивка: 25px 50px 75px;

  • Заполнение 25px
  • Наполненный о 50px
  • Под заполненном 75 пикселей

обивка: 25px 50px;

  • Нижняя обивка является 25px
  • Наполненный о 50px

обивка: 25px;

  • Все заполнены 25px

примеров

Другие примеры

Все свойства накладку в одной декларации
Этот пример демонстрирует использование аббревиатуры свойства устанавливается в декларации все атрибуты заполнения, может иметь от одного до четырех значений.

Установить левая часть заполнена
Этот пример показывает, как установить левый элемент заполнения.

Установка правой части заполнения
Этот пример показывает, как установить правильный элемент заполнения. ,

Установка верхнего наполнения
Этот пример показывает, как установить элемент заполнения.

Нижняя упакованного
Этот пример показывает, как установить отступы под элементами.


Все имущество заполнения CSS

свойство объяснение
набивка Сокращения свойство установлено в объявлении всех атрибутов заполнения
набивка дно Установка элемента Недолив
обивка налево Левая часть элемента настройки заполнения
обивка правый Установка правой части элемента заполнения
обивка-топ Настройки в верхней элементы для заполнения