Глава 8. Визуальные свойства
cursor
Синтаксис: селектор {cursor: hand}
Атрибут позволяет задать вид курсора, присвоив ему одно из значений:
- crosshair
- hand
- pointer
- move
- e-resize
- ne-resize
- nw-resize
- n-resize
- sw-resize
- se-resize
- s-resize
- w-resize
- text
- wait
- help
- auto
- default
filter
Синтаксис: селектор {filter: fliph(параметры)}
Атрибут позволяет задать фильтр для текста или изображения, присвоив ему одно из значений:
- alpha
- blur
- chroma
- dropshadow
- flipv
- fliph
- glow
- gray
- invert
- light
- mask
- shadow
- wave
- xray
visibility
Атрибут позволяет задать видимость фрагмента документа, присвоив ему одно из значений:
Синтаксис: селектор {visibility: inherit}
- inherit
- hidden
- visible
display
Атрибут позволяет задать видимость фрагмента документа, визуально отличается от visibility тем, что сдвигает предыдущий и последующий элементы вместе:
Синтаксис: селектор {display: none}
- inline
- list-item
- none
- block
list-style-position
Атрибут позволяет задать то, как будет отображаться текст внутри списка, если текст элемента списка по объему больше одной строки.
Синтаксис: селектор {list-style-position: outside}
- outside
- inside
list-style-type
Атрибут определяет оформление маркеров в списках.
Синтаксис: селектор {list-style-type: тип}
- disc
Синтаксис: селектор {list-style-type: disc} - square
Синтаксис: селектор {list-style-type: square} - circle
Синтаксис: селектор {list-style-type: circle} - decimal
Синтаксис: селектор {list-style-type: decimal} - lower-roman
Синтаксис: селектор {list-style-type: lower-roman} - upper-roman
Синтаксис: селектор {list-style-type: upper-roman} - lower-alpha
Синтаксис: селектор {list-style-type: lower-alpha} - upper-alpha
Синтаксис: селектор {list-style-type: upper-alpha} - none
Синтаксис: селектор {list-style-type: none}
list-style-image
Атрибут определяет замену маркеров в списках на изображение.
Синтаксис: селектор {list-style-image: URL(file.gif)}
Пример:
<UL STYLE="list-style-image:URL(file.gif)">
<LI> текст
<LI> текст
<LI> текст
</UL>