• Чтобы привязать данный файл стилей к конкретному html документу, в этом документе между тегами <head> </head> прописывается вот такой код:
- <link rel=stylesheet type="text/css" href="style.css">
1. Границы
• BORDER - Позволяет одновременно установить толщину, стиль и цвет рамки вокруг элемента.
• BORDER-BOTTOM - Позволяет одновременно установить толщину, стиль и цвет границы внизу элемента.
• BORDER-BOTTOM-COLOR - Устанавливает цвет границы внизу элемента.
• BORDER-BOTTOM-STYLE - Устанавливает стиль границы внизу элемента.
• BORDER-BOTTOM-WIDTH - Устанавливает толщину границы внизу элемента.
• BORDER-COLLAPSE - Устанавливает, как отображать границы вокруг ячеек таблицы. Играет роль, когда для ячеек установлена рамка.
• BORDER-COLOR - Устанавливает цвет границы на разных сторонах элемента.
• BORDER-LEFT - Позволяет одновременно установить толщину, стиль и цвет левой границы элемента.
• BORDER-LEFT-COLOR - Задает цвет границы слева от элемента.
• BORDER-LEFT-STYLE - Устанавливает стиль границы слева от элемента.
• BORDER-LEFT-WIDTH - Устанавливает толщину границы слева от элемента.
• BORDER-RIGHT - Позволяет одновременно установить толщину, стиль и цвет правой границы элемента.
• BORDER-RIGHT-COLOR - Задает цвет границы справа от элемента.
• BORDER-RIGHT-STYLE - Устанавливает стиль границы справа от элемента.
• BORDER-RIGHT-WIDTH - Устанавливает толщину границы справа от элемента.
• BORDER-STYLE - Устанавливает стиль рамки вокруг элемента.
• BORDER-TOP - Позволяет одновременно установить толщину, стиль и цвет границы сверху элемента.
• BORDER-TOP-COLOR - Задает цвет границы сверху элемента.
• BORDER-TOP-STYLE - Устанавливает стиль границы сверху элемента.
• BORDER-TOP-WIDTH - Устанавливает толщину границы сверху элемента.
• BORDER-WIDTH - Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны.
2. Контент
• CONTENT - Ппозволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует.
• QUOTES - Устанавливает тип кавычек, который применяется в тексте документа.
3. Курсор
• CURSOR - Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров.
4. Отступы
• MARGIN - Устанавливает величину отступа от каждого края элемента.
• MARGIN - BOTTOM Устанавливает величину отступа от нижнего края элемента.
• MARGIN - LEFT Устанавливает величину отступа от левого края элемента.
• MARGIN - RIGHT Устанавливает величину отступа от правого края элемента.
• MARGIN-TOP Устанавливает величину отступа от верхнего края элемента.
5. Позиционирование
• BOTTOM - Устанавливает положение нижнего края содержимого элемента.
• HEIGHT - Устанавливает высоту блочных или заменяемых элементов.
• LEFT - Определяет расстояние от левого края родительского элемента.
• POSITION - Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.
• RIGHT - Определяет расстояние от правого края родительского элемента.
• TOP - Определяет расстояние от верхнего края родительского элемента.
• WIDTH - Устанавливает ширину блочных или заменяемых элементов.
• Z-INDEX - Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану.
6. Поля
• PADDING - Устанавливает значение полей вокруг содержимого элемента.
• PADDING-BOTTOM - Устанавливает значение поля от нижнего края содержимого элемента.
• PADDING-LEFT - Устанавливает значение поля от левого края содержимого элемента.
• PADDING-RIGHT - Устанавливает значение поля от правого края содержимого элемента.
• PADDING-TOP - Устанавливает значение поля от верхнего края содержимого элемента.
7. Список
• LIST-STYLE - Позволяет одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера.
• LIST-STYLE-IMAGE - Устанавливает адрес изображения, которое служит в качестве маркера списка.
• LIST-STYLE-POSITION - Определяет, как будет размещаться маркер относительно текста.
• LIST-STYLE-TYPE - Изменяет вид маркера для каждого элемента списка.
8. Таблицы
• TABLE-LAYOUT - Определяет, как браузер должен вычислять высоту и ширину ячеек таблицы, основываясь на ее содержимом.
• BORDER-COLLAPSE - Устанавливает, как отображать границы вокруг ячеек таблицы. Этот параметр играет роль, когда для ячеек установлена рамка.
9. Текст
• LETTER-SPACING - Определяет интервал между символами в пределах элемента.
• LINE-HEIGHT - Устанавливает межстрочный интервал текста в блоке.
• TEXT-ALIGN - Определяет горизонтальное выравнивание текста в пределах элемента.
• TEXT-DECORATION - Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания.
• TEXT-INDENT - Устанавливает величину отступа первой строки блока текста.
• TEXT-TRANSFORM - Управляет преобразованием текста элемента в заглавные или прописные символы.
• WHITE-SPACE - Устанавливает режим отображения пробелов между словами.
• WORD-SPACING - Устанавливает интервал между словами.
10. Фон
• BACKGROUND - Позволяет установить одновременно до пяти атрибутов стиля фона.
• BACKGROUND-ATTACHMENT - Определяет, будет ли прокручиваться фоновое изображение вместе с содержимым элемента.
• BACKGROUND-COLOR - Устанавливает фоновый цвет элемента.
• BACKGROUND-IMAGE - Устанавливает фоновое изображение для элемента.
• BACKGROUND-POSITION - Задает начальное положение фонового изображения, установленного с помощью параметра background-image.
• BACKGROUND-REPEAT - Определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси.
11. Форматирование
• CLEAR - Устанавливает, с какой стороны элемента запрещено его обтекание другими элементами.
• CLIP - Определяет область позиционированного элемента, в которой будет показано его содержимое.
• DISPLAY - Определяет, как должен быть показан элемент в документе.
• FLOAT - Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.
• OVERFLOW - Управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.
• VERTICAL-ALIGN - Выравнивает элемент по вертикали относительно своего родителя или окружающего текста.
• VISIBILITY - Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон.
12. Цвет
• COLOR - Определяет цвет текста элемента.
13. Шрифт
• FONT - Позволяет установить одновременно несколько атрибутов стиля шрифта.
• FONT-FAMILY - Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.
• FONT-SIZE - Определяет размер шрифта элемента.
• FONT-STYLE - Определяет начертание шрифта - обычное, курсивное или наклонное.
• FONT-VARIANT - Определяет, как нужно представлять строчные буквы - делать их все прописными уменьшенного размера или оставить без изменений.
• FONT-WEIGHT - Устанавливает насыщенность шрифта.