Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 11:

Параметры форматирования в CSS

< Лекция 10 || Лекция 11: 123 || Лекция 12 >
Параметр '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> )
< Лекция 10 || Лекция 11: 123 || Лекция 12 >
Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?

Антон Чернятьев
Антон Чернятьев
Россия, красноярск
Иван Торгашев
Иван Торгашев
Россия, г. Миасс