Видимость элемента: свойство visibility
Синтаксис: | visibility: visible | hidden | collapse | inherit | Начально: | inherit | Применимо: | ко всем элементам | Наследуемо: | нет | Проценты: | не используются | Устройства: | визуальные |
Поддержка : | | Поддерживаются только значения visible, hidden и inherit (4.0+)td> | | | Поддерживается только для слоев (layers) (4.0+) |
Свойство visibility задает видимость элемента при отображении. Оно может принимать следующие значения:
visible | Объемлющий прямоугольник элемента видим. | hidden | Объемлющий прямоугольник элемента невидим. | collapse | То же, что hidden. Применяется только в таблицах, где имеет особое назначение (см. этот пункт). |
Примечания:
Невидимость элемента означает, что его объемлющий прямоугольник становится прозрачным, но продолжает занимать свое место в структуре отображения. Для того, чтобы полностью удалить элемент, следует использовать значение none свойства display.
Это свойство широко применяется в сценариях для создания динамических эффектов.
Форма курсора: свойство cursor
Синтаксис: | cursor: [[ <uri> ,]* [auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help]] | inherit | Начально: | auto | Применимо: | ко всем элементам | Наследуемо: | да | Проценты: | не используются | Устройства: | визуальные интерактивные |
Поддержка : | | Вместо pointer используется hand, список <uri> не поддерживается (4.0+) | | | Поддерживается только для слоев (layers) (4.0+) |
Свойство cursor задает форму курсора мыши при наведении ее на данный элемент. Оно может принимать следующие значения:
auto | Форма курсора определяется обозревателем в зависимости от содержимого элемента. | crosshair | Перекрестье. | default | Курсор операционной системы по умолчанию. В Windows это стрелка. | pointer | Указатель на гиперссылку. Обычно это кисть руки. | move | Скрещенные стрелки, указывающие на то, что что-то должно переместиться. | *-resize | Стрелка, указывающая на сдвигаемую границу; * задает направление сдвига (n = север, s = юг, w = запад, e = восток и т. п.). | text | Указывает на редактируемый текст. Обычно имеет форму буквы I. | wait | Песочные часы, указывающие на то, что программа занята, и пользователь должен подождать. | help | Вопросительный знак, указывающий, что для данного элемента можно получить справку. | <uri> | Задает список URI ресурсов, содержащих курсоры. |
Если значение данного списка задано списком URI, то обозреватель пытается сначала загрузить первый курсор из списка, при неудаче - второй и т. д. Рекомендуется заканчивать такой список одним из ключевых слов, чтобы при невозможности загрузить курсор обозреватель знал, какую из предопределенных форм курсоров ему использовать, например:
P { cursor: url("mycursor.cur"), url("second.csr"), text }
1 2 3 4 5 6
8 8 8
| |