русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Свойства Box


Дата добавления: 2013-12-23; просмотров: 806; Нарушение авторских прав


Свойства Color и Background

· color

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

[1] цвет (+)

*Применимо для: всех элементов

Описание: цвет

ПРИКЛАД:

color:#f00000

· backgroung-color

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

[1] цвет (+)

*Применимо для: всех элементов

Описание: цвет фона элемента

ПРИКЛАД:

background-color:#f00000

· background-image

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

[1] none – нет

[2] URL (+)

*Применимо для: всех элементов

Описание: фоновое изображение

ПРИКЛАД:

background-image:URL(cool.gif)

· background-repeat

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

[1] repeat - размножает фоновое изображение во всех направлениях

[2] repeat-x - размножает фоновое изображение горизонтально

[3] repeat-y - размножает фоновое изображение вертикально

[4] no-repeat - не повторяющиеся изображение

*Применимо для: всех элементов

Описание: повторения фонового изображения

ПРИКЛАД:

background-repeat:no-repeat

· background-attachment

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

[1] scroll - фоновое изображение скроллится всесте с содержанием документа

[2] fixed - не скроллится. Фиксируется в одном месте. Не работает в Нетскейпе

*Применимо для: всех элементов

Описание: возможность прокрутки фонового изображения

ПРИКЛАД:

background-attachment:fixed

· background-position

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

[1] процент от ширины + процент от высоты (+)

[2] top, middle, bottom - одно из значений

[3] left, center, right - одно из начений

[4] расстояние от левого края + расстояние от вершины

*Применимо для: block-level и replaced элементов

Описание: положение фонового изображения (работает с background-repeat равным repeat-x, repeat-y или no-repeat)

ПРИКЛАД:

background-position:50%0%

· background

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

[1] background-color

[2] background-image

[3] backgroun-position

[4] background-attachment



[5] background-repeat

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства

ПРИКЛАД:

background:no-repeat black fixed 50%0%

· margin-top

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

[1] длина (+)

[2] процент (+)

[3] auto - автоматически

*Применимо для: всех элементов

Описание: определяет отступ сверху

ПРИКЛАД:

margin-top:100

· margin-right

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

[1] длина (+)

[2] процент (+)

[3] auto - автоматически

*Применимо для: всех элементов

Описание: определяет отступ справа

ПРИКЛАД:

margin-right:100%

· margin-bottom

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

[1] длина (+)

[2] процент (+)

[3] auto - автоматически

*Применимо для: всех элементов

Описание: определяет отступ снизу

ПРИКЛАД:

margin-bottom:100em

· margin-left

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

[1] длина (+)

[2] процент (+)

[3] auto - автоматически

*Применимо для: всех элементов

Описание: определяет отступ слева

ПРИКЛАД:

margin-left:100pt

· margin

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

[1] margin-top

[2] margin-right

[3] margin-left

[4] margin-bottom

*Применимо для: всех элементов

Описание: обобщает все вышеперечисленные свойства

ПРИКЛАД:

background:100pt

· padding-top

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

[1] длина (+)

[2] процент (+)

*Применимо для: осех элементов

Описание: отступ от верхнего border'а

ПРИКЛАД:

padding-top:100pt

· padding-right

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

[1] длина (+)

[2] процент (+)

*Применимо для: всех элементов

Описание: отступ от правого border'а

ПРИКЛАД:

padding-right:100%

· padding-bottom

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

[1] длина (+)

[2] процент (+)

*Применимо для: всех элементов

Описание: отступ от нижнего border'а

ПРИКЛАД:

padding-bottom:100em

· padding-left

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

[1] длина (+)

[2] процент (+)

*Применимо для: всех элементов

Описание: отступ от левого border'а

ПРИКЛАД:

padding-top:100

· padding

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

[1] padding-top

[2] padding-right

[3] padding-left

[4] padding-bottom

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства. Можно задать несколько значений одновременно (до четырех) для разных сторон. Если установлено одно значение - задается единый отступ для всех сторон, если два - то задаются различные отступы для прилежащих сторон, а если четыре - то задаются индивидуальные отступы для всех сторон.

ПРИКЛАД:

padding:100px

· border-top-width

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

[1] длина (+)

[2] thin, medium или thick

*Применимо для: всех элементов

Описание: толщина верхнего border'а

ПРИКЛАД:

border-top-width:100pt

· border-right-width

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

[1] длина (+)

[2] thin, medium или thick

*Применимо для: всех элементов

Описание: толщина правого border'а

ПРИКЛАД:

border-right-width:thick

· border-bottom-width

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

[1] длина (+)

[2] thin, medium или thick

*Применимо для: всех элементов

Описание: толщина нижнего border'а

ПРИКЛАД:

border-bottom-width:100em

· border-left-width

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

[1] длина (+)

[2] thin, medium или thick

*Применимо для: всех элементов

Описание: толщина левого border'а

ПРИКЛАД:

border-left-width:medium

· border-width

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

[1] border-top-width

[2] border-right-width

[3] border-left-width

[4] border-bottom-width

*Применимо для: всех элементов

Описание: толщина border'ов. Можно задать несколько значений одновременно (до четырех) для разных border'ов. Если установлено одно значение - задается единая толщина для всех сторон, если два - то задаются различная толщина для прилежащих сторон, а если четыре - то задаются индивидуальная толщина для всех сторон

ПРИКЛАД:

border-width: 15pt

· border-color

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

[1] цвет (+)

*Применимо для: всех элементов

Описание: Цвет border'а. Не работает в Нетскейпе

ПРИКЛАД:

border-color:green

· border-style

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

[1] none

[2] dotted, dashed, solid, double, groove, ridge, inset, outset

*Применимо для: всех элементов

Описание: стиль border'ов. Можно задать несколько значений одновременно (до четырех) для разных border'ов. Если установлено одно значение - задается единый стиль для всех сторон, если два - то задаются различные стили для прилежащих сторон, а если четыре - то задаются индивидуальные стили для всех сторон

ПРИКЛАД:

border-style: dotted groove

· border-top

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

[1] border-top-width

[2] border-style

[3] border-color

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства для верхнего border'а

ПРИКЛАД:

border-top: 100em red groove

· border-right

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

[1] border-right-width

[2] border-style

[3] border-color

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства для правого border'а

ПРИКЛАД:

border-right: 5pt magenta solid

· border-left

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

[1] border-left-width

[2] border-style

[3] border-color

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства для левого border'а

ПРИКЛАД:

border-left: 15pc coral inset

· border-bottom

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

[1] border-bottom-width

[2] border-style

[3] border-color

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства для нижнего border'а

ПРИКЛАД:

border-bottom: 30 orange outset

· border

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

[1] border-width

[2] border-style

[3] border-color

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства

ПРИКЛАД:

border: thik black double

· width

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

[1] длина (+)

[2] процент (+)

*Применимо для: block-level и replaced элементов

Описание: ширина элемента

ПРИКЛАД:

width:10%

· height

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

[1] длина (+)

[2] процент (+)

*Применимо для: block-level и replaced элементов

Описание: высота элемента

ПРИКЛАД:

height:100pt

· float

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

[1] left – слева

[2] right – справа

[3] none - по умолчанию

*Применимо для: всех элементов

Описание: расположение элемента

ПРИКЛАД:

float:right

· clear

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

[1] left – слева

[2] right – справа

[3] both - c двух сторон

[4] none - по умолчанию

*Применимо для: всех элементов

Описание: расположение других элементов вокруг данного

ПРИКЛАД:

clear:both



<== предыдущая лекция | следующая лекция ==>
Свойства Text | Mm - millimeters, миллиметры


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.007 сек.