2015-09-06
246
Краткий справочник по CSS2
Свойства цвета и фона
| Свойство стиля | Описание свойства | Значения | Значение по умолчанию |
| сolor | Цвет текста | цвет | |
| background-color | Цвет фона элемента | цвет, transparent | transparent |
| background-image | Фоновое изображение | URL / URI | |
| background-position | Исходное положение фонового изображения. При использовании значений типа размер и процент указываются отступы по горизонтали и вертикали от левого верхнего угла окна. | размер, процент, left, top, center, right, bottom | 0% 0% (верхний левый угол окна) |
| background-attachment | Указывает, будет ли фоновое изображение стационарным или прокручиваемым | scroll, fixed | scroll |
| background-repeat | Тип заполнения элемента фоновым изображением | repeat - повторяется no-repeat - не повторяется repeat-x - повторяется по оси x repeat-y - повторяется по оси y | repeat |
| background | Стенографическое свойство для задания всех свойств фона | список свойств background-color, background-image, background-position, background-attachment, background-repeat, разделенных пробелами, в любом порядке |
Пример задания свойства стенографического свойства background:
{ background: blue fixed no-repeat }
|
|
|
Свойства шрифта
| Свойство стиля | Описание свойства | Значения | Значение по умолчанию |
| font-family | Гарнитура шрифта | список имен шрифтов, перечисленных через запятую в порядке убывания предпочтения; список может заканчиваться одним из родовых имен: serif (с засечками, "антиква"), sans-serif (без засечек, "рубленый"), cursive (курсив), fantasy (аллегорический), monospace (моноширинный) | |
| font-size | Размер шрифта | размер, процент, xx-small,x-small, small, medium, large, x-large, xx-large, larger, smaller | medium |
| font-style | Начертание шрифта | normal, italic (курсив), oblique (наклонный) | normal |
| font-weight | Насыщенность шрифта | число от 100 до 900 (кратное 100), normal, bold, bolder, lighter | normal |
| font-variant | Может задать вывод капителью (символами, похожими на прописные, но малого размера); капитель есть не во всяком шрифте | normal, small-caps (капитель) | normal |
| font-stretch | Задание нормального, разреженных (expanded) или сжатых (condensed) начертаний из текущей гарнитуры шрифта | normal, wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded | normal |
| font | Стенографическое свойство для одновременного задания нескольких свойств шрифта | список свойств шрифта, разделенных пробелами, в следующем порядке: font-style, font-variant, font-weight, font-size, line-height, font-family |
Пример задания свойства font-family:
{ font-family: Arial, Helvetica, sans-serif }
Пример задания стенографического свойства font:
{ font: italic normal bold 20px Arial; }
