Параметр 'cursor'
Данный параметр определяет тип курсора, который будет выводиться при указании на элемент.
Наследование: да.
Примеры:
pre
{
cursor: pointer
}
div
{
cursor : url("general.cur"), url("other.cur"), text;
}
Может принимать следующие значения:
Значение |
Описание |
url |
url специального курсора, который будет использоваться Примечание: Всегда определяйте базовый курсор в конце списка, который будет использоваться, если ни один из определенных url курсоров невозможно использовать.
|
default |
Курсор по умолчанию (часто стрелка) |
auto |
Курсор задает браузер |
crosshair |
Курсор изображается как перекрестие |
pointer |
Курсор изображается как указатель (рука), который обозначает ссылку |
move |
Курсор указывает объект, который можно переместить |
e-resize |
Курсор, определяющий перемещение края бокса вправо (east) |
ne-resize |
Курсор, определяющий перемещение края бокса вверх и вправо (north/east) |
nw-resize |
Курсор, определяющий перемещение края бокса вверх и влево (north/west) |
n-resize |
Курсор, определяющий перемещение края бокса вверх (north) |
se-resize |
Курсор, определяющий перемещение края бокса вниз и вправо (south/east) |
sw-resize |
Курсор, определяющий перемещение края бокса вниз и влево (south/west) |
s-resize |
Курсор, определяющий перемещение края бокса вниз (south) |
w-resize |
Курсор, определяющий перемещение края бокса влево (west) |
text |
Курсор используемый для текста |
wait |
Курсор, указывающий на занятость программы (часто песочные часы) |
help |
Курсор, указывающий, что имеется справочная информация (часто знак вопроса) |
Примечания для браузеров:
Internet Explorer:
Чтобы вывести изображение руки, можно использовать нестандартное значение hand следующим образом: {cursor: hand}
Параметр 'display'
Данный параметр определяет, как в документе будет показан элемент.
Наследование: нет.
Примеры:
pre
{
display: block
}
strong
{
display: inline
}
img
{
display: none
}
h1, h3
{
display: none
}
Может принимать следующие значения:
Значение |
Описание |
none |
Элемент не будет выводиться |
block |
Элемент будет выводиться как элемент уровня блока, с разрывом строки перед и после элемента |
inline |
Элемент будет выводиться как элемент строки, без разрыва строки перед или после элемента. |
list-item |
Элемент будет выводиться как список |
run-in |
Элемент будет выводиться на уровне блока или как внутристрочный элемент, в зависимости от контекста. |
compact |
Элемент будет выводиться на уровне блока или как внутристрочный элемент, в зависимости от контекста. |
marker |
|
table |
Элемент будет выведен как таблица блока (как <table> ), с разрывом строки перед и после таблицы |
inline-table |
Элемент будет выведен как внутристрочная таблица (как <table> ), без разрыва строки перед или после таблицы. |
table-row-group |
Элемент выводится как группа из одной или нескольких строк (как <tbody> ) |
table-header-group |
Элемент выводится как группа из одной или нескольких строк (как <thead> ) |
table-footer-group |
Элемент выводится как группа из одной или нескольких строк (как <tfoot> ) |
table-row |
Элемент выводится как строка таблицы (как <tr> ) |
table-column-group |
Элемент выводится как группа из одного или нескольких столбцов (как <colgroup> ) |
table-column |
Элемент выводится как столбец ячеек (как <col> ) |
table-cell |
Элемент выводится как ячейка таблицы (как <td> и <th> ) |
table-caption |
Элемент выводится как заголовок таблицы (как <caption> ) |