Изучаем CSS - фон и рамки.

Letsgo 13 августа 2011

Рейтинг: +2 Голосов: 2 9053 просмотра

Основные свойства CSS - фон и рамки.

Список базовых свойств, которые должен знать даже начинающий веб-мастер, css достаточно нетрудно изучить, если читать и знать.

Фон

background

Сокращенный вариант записи для свойств background-color, background-image, background-repeat, background-attachment и background-position.

background-attachment

Устанавливает, должна ли фоновая картинка скролиться или должна быть зафиксирована в окне браузера.

background-color

Устанавливает цвет фона для элемента.

background-image

Устанавливает фоновую картинку для элемента.

background-position

Устанавливает первоначальное положение для фоновой картинки.

background-repeat

Управляет циклическим повторением фоновой картинки.

Рамка (граница, бордюр)

Влияют на все четыре рамки

border

Краткий вариант записи для свойств border-width, border-style и border-color. Влияет на все четыре границы элемента.

border-color

Устанавливает цвет рамки со всех сторон элемента.

border-width

Устанавливает толщину рамки со всех сторон элемента.

border-style

Определяет стиль оформления рамки вокруг элемента.

border-collapse

Указывает ячейкам таблицы, иметь ли собственный бордюр или общий с соседней ячейкой.

border-spacing

Устанавливает расстояние между ячейками таблицы.

Верхняя рамка

border-top

Краткий вариант доступа к свойствам border-top-width, border-top-style и border-top-color.

border-top-color

Устанавливает цвет верхнего бордюра.

border-top-style

Устанавливает стиль линии верхнего бордюра.

border-top-width

Устанавливает ширину верхнего бордюра.

Нижняя рамка

border-bottom

Краткий вариант доступа к свойствам border-bottom-width, border-bottom-style и border-bottom-color.

border-bottom-color

Устанавливает цвет нижнего бордюра.

border-bottom-style

Устанавливает стиль линии нижнего бордюра.

border-bottom-width

Устанавливает ширину нижнего бордюра.

Левая рамка

border-left

Краткий вариант доступа к свойствам border-left-width, border-left-style and border-left-color.

border-left-color

Устанавливает цвет левого бордюра.

border-left-style

Устанавливает стиль линии левого бордюра.

border-left-width

Устанавливает ширину левого бордюра.

Правая рамка

border-right

Краткий вариант доступа к свойствам volume, border-right-style и border-right-color.

border-right-color

Устанавливает цвет правого бордюра.

border-right-style

Устанавливает стиль линии правого бордюра.

volume

Устанавливает ширину правого бордюра.

Видеоролики по теме

Размер шрифтов. Изучаем css

4 марта 2013

В этом уроке вы узнаете, как можно изменить размер шрифта текста на сайте, а также узнаете, какие единицы измерения для этого используются. Размер может быть установлен несколькими способами. Набор констант (xx-small, x-small, small, medium, large, x-large, xx-large) задает размер, который...

Изучаем css. Селекторы потомков.

4 марта 2013

В этом видеоуроке вы познакомитесь с понятием селекторы потомков. Ключевой момент — этот селектор выбирает всех потомков не зависимо от их уровня вложенности. Например, применим вышестоящий CSS к такому коду: 1 Черный текст серый текст черный текст 2 Черный текст 3 Черный текст Черный...

Изучаем css - Групповые селекторы

4 марта 2013

В этом видео вы увидите урок по css стилям в котором вам будет рассказано о групповых селекторах. Групповые селекторы – это когда вместо одного тега будет использоваться несколько. К примеру, вы хотите, чтоб почти весь текст на вашей страничке был одним цветом, заголовок и сам текст, но если у...