- •Терминология
- •Шаблон Web-страницы (пример-заготовка готовой страницы)
- •Специальные символы
- •Управление цветом
- •Горизонтальная линия в качестве прямоугольника:
- •Устаревшие и нестандартные элементы
- •Bgsound
- •Немного о способе применения атрибутов
- •Charset
- •Классы (class)
- •Универсальные классы(атрибут id)
- •Classid
- •Longdesc (long description)
- •Атрибуты, применяемые с элементом frame
- •Организация перехода по фреймам
- •Классы (class)
- •Универсальные классы(атрибут id)
- •Объекты и формы
- •Атрибуты, применяемые в объектах
- •Общие атрибуты форм
- •Пример формы
- •Находится в стадии разработки
- •Атрибуты событий
- •Column-span
- •Border-collapse
- •Background-attachment
- •Background-position
- •Play-during
- •Azimuth
- •Elevation
- •Свойства интерфейса cursor
- •Color, background-color
Column-span
Количество столбцов, которые займет ячейка.
Border-collapse
Способ прорисовки рамки.
Значения:
separate -трехмерная рамка;
collapse -плоская рамка.
border
Свойства рамки (толщина, цвет, тип).
Значения:
none или hidden -нет рамки;
dotted -точечная рамка;
dashed -пунктирная рамка;
solid -сплошная рамка;
double -двойная рамка;
groove -двугранная рамка;
ridge -такая же, как groove, но темная и светлая грани расположены иначе;
inset -грань наклонена внутрь;
outset -такая же, как inset, но свет грани другой.
vertical-align
Способ вертикального выравнивания.
Значения:
процентное;
top -по верхнему краю;
middle -по центру;
bottom -по нижнему краю;
baseline -по первой строке текста в ячейке.
table-layout
Способ формирования таблицы.
Значения:
auto -по умолчанию;
fixed -ускоренный.
Свойства границ элементов
width
Ширина.
Значения:
auto -по умолчанию;
числовые;
процентные.
min-width и max-width
Минимально и максимально допустимая ширина объекта.
Значения:
auto -по умолчанию;
числовые;
процентные.
height
Высота.
Значения:
auto -по умолчанию;
числовые;
процентные.
min-height и max-height
Минимально и максимально допустимая высота объекта.
Значения:
auto -по умолчанию;
числовые;
процентные.
position
Алгоритм вычисления координат границ объекта.
Значения:
normal -по умолчанию;
relative -вычисляется положение объекта, a потом смещение объекта;
absolute -координаты вычисляются относительно границ контейнера;
fixed -то же, что и absolute, но с запрещенной прокруткой.
top, bottom, right, left
Координаты верхней, нижней, правой, левой границ элемента.
Значения:
auto -по умолчанию;
числовые;
процентные.
margin-top, margin-right, margin-bottom, margin-left
Размер пустого пространства рядом с определенной стороной элемента.
Значения:
auto -по умолчанию;
числовые;
процентные.
margin
Отступы вокруг элемента.
Значения:
auto -по умолчанию;
числовые;
процентные.
Пример: P {margin: 10pt 10pt 10pt 10pt}
padding-top, padding-right, padding-bottom, padding-left
Отступы между определенной границей элемента и его содержимым.
Значения:
auto -по умолчанию;
числовые;
процентные.
padding
Отступы между границами элемента и его содержимым.
Значения:
auto -по умолчанию;
числовые;
процентные.
Пример: P {padding: 10pt 10pt 10pt 10pt}
border-top-width, border-right-width, border-bottom-width, border-left-width
Ширина рамки.
Значения:
thin -тонкая;
medium -средняя;
thick -широкая;
числовое.
border-width
Толщина рамки.
Значения:
thin -тонкая;
medium -средняя;
thick -широкая;
числовое.
border-top-color, border-right-color, border-bottom-color, border-left-color
Цвет элементов рамки.
border-color
Цвет рамки.
border-top-style, border-right-style, border-bottom-style, border-left-style
Вид элементов рамки.
Значения:
none или hidden -нет рамки;
dotted -точечная рамка;
dashed -пунктирная рамка;
solid -сплошная рамка;
double -двойная рамка;
groove -двугранная рамка;
ridge -такая же, как groove, но темная и светлая грани расположены иначе;
inset -грань наклонена внутрь;
outset -такая же, как inset, но свет грани другой.
border-style
Вид рамки.
Значения:
none или hidden -нет рамки;
dotted -точечная рамка;
dashed -пунктирная рамка;
solid -сплошная рамка;
double -двойная рамка;
groove -двугранная рамка;
ridge -такая же, как groove, но темная и светлая грани расположены иначе;
inset -грань наклонена внутрь;
outset -такая же, как inset, но свет грани другой.
border-top
Одновременное задание свойств border-top-width, border-top-color, border-top-style.
Пример: P {border-top: thick dotted white}
border-bottom
Одновременное задание свойств border-bottom-width, border-bottom-color, border-bottom-style.
Пример: P {border-bottom: thick dotted white}
border-left
Одновременное задание свойств border-left-width, border-left-color, border-left-style.
Пример: P {border-left: thick dotted white}
border-right
Одновременное задание свойств border-right-width, border-right-color, border-right-style.
Пример: P {border-right: thick dotted white}
border
Одновременное задание свойств border-width, border-color, border-style.
Пример: P {border: thick dotted white}
overflow
Способ изменения размеров объекта, если оно не может быть показано целиком.
Значения:
auto -определяется броузером (по умолчанию);
visible -содержимое видно;
hidden -размеры не изменяются;
scroll -с прокруткой.
float
Способ обтекания элемента другими элементами.
Значения:
none -нет обтекания;
left -слева;
right -справа.
Пример: IMG {float: right}
clear
Способ расположения элемента, следующего за элементом, выровненном по левому (правому) краю.
Значения:
none -по умолчанию;
left -слева;
right -справа;
both -слева и справа.
clip
Определение видимой части объекта.
Значения:
auto -определяется броузером (по умолчанию);
прямоугольник, «вырезающий» часть объекта.
Пример: P {clip: rect(10px 15px 15px 10px);}
visibility
Видимость объекта.
Значения:
visible -видимый;
hidden -невидимый.
z-index
Способ перекрытия объектов. Объект с большим значение находится выше.
Значения:
auto -«нулевой уровень» по умолчанию;
отрицательное числовое -«ниже» «нулевого уровня»;
положительное числовое -«выше» «нулевого уровня».
Свойства фона и цвета
color
Цвет элемента или содержимого.
Пример: P {color:rgb(255, 120, 120)} U {color: white}
background-color
Цвет фона.
Значения:
transparent -прозрачный цвет;
значение цвета в стандартном формате.
Пример: P {background-color: transparent}
background-image
Фоновый рисунок.
Значения:
none -нет рисунка;
ссылка на файл.
Пример: TABLE {background-image: url(http://www.name.domen/picture.gif)}
background-repeat
Свойство определяющее необходимость повторения фонового рисунка для заполнения пространства элемента.
Значения:
repeat -заполнять все пространство элемента;
repeat-x -заполнять первый горизонтальный ряд;
repeat-y -заполнять первый вертикальный ряд;
no-repeat -без заполнения.
Пример: BODY {background-image: url(http://www.name.domen/picture.gif); background-repeat: repeat}