Аргументы в style

1) background: цвет - задает цвет фона. Цвет можно выбрать любым. Аналогом является: background-color: цвет. Цвет может быть задан в виде шестизначного кода (например, #53A32B;) или конкретное название цвета (например, red). Выбрать подходящий цвет можно на странице: коды и названия html цветов.

2) background-image: url(images/bg.png); - фоном будет картинка. В скобках указывается адрес фона изображения.

3) background-repeat: repeat - использовать фоновую картинку многократно. Другие возможные параметры:
→ repeat-x - повторять фоновое изображение только по горизонтали
→ repeat-y - повторять фоновое изображение только по вертикали
→ no-repeat - не повторять фоновое изображение

4) border: 1px solid red; - вся область объекта будет в красной рамке, ширина которой 1 пиксель. Возможны и другие параметры вместо solid:
→ dotted - рамка будет покрыта не сплошной линией, а точками
→ dashed - рамка будет покрыта тире, пробел, тире и т.д.

5) color: #fc0ab1; - задает цвет текста. Цвет можно выбрать любым.

6) font-family: Arial; - задает шрифт текста. Существует очень много различных шрифтов. Например, самые распространенные шрифты:
Verdana,
Times New Roman
Arial
Courier New
Comic Sans MS
Georgia
Impact.
7) font-size: 15px; - задает размер текса, в данном примере 15px. Можете вместо px так же писать другие единицы размерности em, om.

8) font-weight: bold; - задает толщину текста (насыщенность). Возможные значения:
→ bold - полужирное
→ bolder - жирное
→ lighter - светлое
→ normal - обычный
→ 100, 200, 300, 400, 500, 600, 700, 800, 900.

9) height: 100%; - задает высоту. Можно задавать в %, а можно в пикселях (px).

10) padding-top: 5px; - отступ сверху. Возможно задать значение auto. Аналогичный тег: margin-top.

11) padding-right: 4px; - отступ справа. Возможно задать значение auto. Аналогичный тег: margin-right.

12) padding-bottom: 5px; - отступ снизу. Возможно задать значение auto. Аналогичный тег: margin-bottom.

13) padding-left: 4px; - отступ слева. Возможно задать значение auto. Аналогичный тег: margin-left.

13) width: 100%; - задает ширину. Можно задавать в %, а можно в пикселях (px).

14) overflow: scroll; - область видимости содержания блочного элемента, которое не помещается в нем. Возможные значения параметра:
→ visible - отображается все содержание элемента, даже за пределами установленной высоты и ширины
→ hidden - отображается только область внутри элемента, остальное будет обрезано
→ scroll - всегда добавляются полосы прокрутки
→ auto - полосы прокрутки добавляются только при необходимости

15) text-align: left; - выравнивание текста. Возможные значения параметра:
→ left - по левому краю
→ right - по правому краю
→ center - по центру
→ justify - выравнивание по левому и правому краю
→ auto - автоматически
→ inherit - наследование значения предка

16) float: left; - определяет сторону, по которой будет выравниваться какой-то элемент, а остальные элементы будут обтекать его с других сторон. Возможные значения параметра:
→ left - по левому краю
→ right - по правому краю
→ none - отсутствует
→ inherit - наследование значения предка

17) line-height: 22px; - устанавливает межстрочный интервал.

18) white-space: nowrap; - задает отображение между пробелами. Возможные значения:
→ normal - обычное значение
→ nowrap - пробелы не учитываются, переносы строк в коде HTML игнорируются
→ pre - текст показывается с учетом всех пробелов и переносов, в случае длинной строки будет добавлена полоса прокрутки
→ pre-line - пробелы не учитываются, текст автоматически переносится на следующую строку
→ pre-wrap - сохраняются все пробелы и переносы, автопереход на следующую строку
→ inherit - наследование значения предка

19) display: block; - определяет способ показа элемента. Имеет довольно много параметров:
→ block - элемент показывается как блочный
→ inline - элемент отображается как встроенный
→ inline-block - создает блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу
→ inline-table - элемент является таблицей
→ list-item - элемент выводится как блочный и добавляется маркер списка
→ none - временно удаляет элемент из документа. С помощью скриптов можно сделать его появление
→ run-in - устанавливает элемент как блочный или встроенный в зависимости от контекста
→ table - элемент является блочной таблицей
→ table-caption - задает заголовок таблицы подробно
→ table-cell - элемент представляет собой ячейку таблицы
→ table-column - назначает элемент колонкой таблицы
→ table-column-group - элемент является группой одной или более колонок таблицы
→ table-footer-group - используется для хранения одной или нескольких строк ячеек, которые отображаются в самом низу таблицы
→ table-header-group - элемент предназначен для хранения одной или нескольких строк ячеек
→ table-row - элемент отображается как строка таблицы
→ table-row-group - создает структурный блок, состоящий из нескольких строк таблицы

20) text-decoration: none; - опция для редактирования внешнего вида текста. Имеет несколько параметров:
→ blink - мигающий текст
→ line-through - перечеркнутый текст
→ overline - верхнее подчеркивание текста
→ underline - нижние подчеркивание текста
→ none - выводит обычный текст
→ inherit - наследуется у предка

21) text-transform: capitalize; - преобразование текста в заглавные или прописные буквы.
→ capitalize - первый символ каждого слова в предложении будет заглавным
→ lowercase - перевод всего текста в нижний регистр
→ uppercase - перевод всего текста в верхний регистр
→ none - не менять ничего
→ inherit - наследование предка

22) letter-spacing: 2px; - задает расстояние между буквами.

Дата добавления: 2015-07-24