пользователей: 30398
предметов: 12406
вопросов: 234839
Конспект-online
РЕГИСТРАЦИЯ ЭКСКУРСИЯ

Отступы. Полоса прокрутки. Псевдоэлементы. Позиционирование. Размер элемента. Ссылки.

 

margin

Задает или получает ширину отступа от четырех сторон объекта
H4 {margin:1cm;}
body {margin:5mm;}

margin-top

Задает или получает высоту верхнего отступа объекта
H5 {margin-top:3cm;}

margin-left

Задает или получает ширину левого отступа объекта
img {margin-left:2cm;}

margin-right

Задает или получает ширину правого отступа объекта
img {margin-right:2cm;}

margin-bottom

Задает или получает высоту нижнего отступа объекта
img {margin-bottom:2cm;}

padding

Задает или получает величину пространтства, вставляемого между объектом и его отступом или, если объект имеет границы, между объектом и его границей
td {padding:2cm;}

padding-bottom

Задает или получает величину пространтства, вставляемого между объектом его нижней границей
td {padding-bottom:2cm;}

padding-left

Задает или получает величину пространтства, вставляемого между объектом его левой границей
td {padding-left:2cm;}

padding-right

Задает или получает величину пространтства, вставляемого между объектом его правой границей
td {padding-right:2cm;}

padding-top

Задает или получает величину пространтства, вставляемого между объектом его верхней границей
td {padding-top:2cm;}

 

scrollbar-3dlight-color

Определяет или устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки
body {scrollbar-3dlight-color: green;}

scrollbar-arrow-color

Устанавливает или определяет цвет стрелок на кнопке со стрелками
body {scrollbar-arrow-color: red;}

scrollbar-base-color

Устанавливает или определяет цвет основных элементов ползунка: ползунка, кнопок со стрелками, дорожки для ползунка, если не определены параметры в scrollbar-face-color
body {scrollbar-base-color: green;}

scrollbar-darkshadow-color

Устанавливает или определяет цвет тени для ползунка и кнопок со стрелками
body {scrollbar-darkshadow-color: red;}

scrollbar-face-color

Устанавливает или определяет цвет ползунка и кнопок со стрелками. Также, если не задан параметр SCROLLBAR-TRACK-COLOR, то изменится цвет дорожки
body {scrollbar-face-color: green;}

scrollbar-highlight-color

Устанавливает или получает цвет подсветки, создающий эффект объёмности. Это цвет, который окаймляет освещённую часть кнопочки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда нажата - нижний правый угол
body {scrollbar-highlight-color: green;}

scrollbar-shadow-color

Схожесscrollbar-darkshadow-color
body {scrollbar-shadow-color: green;}

scrollbar-track-color

Устанавливает или получает цвет дорожки для ползунка
body {scrollbar-track-color: aqua;}

 

Псевдоэлементы являются особой группой, позволяющих объединять несколько стилей для какого-либо объекта.
 

:first-letter

Устанавливает стили для первой буквы объекта

:first-line

Устанавливает стили для первой строки объекта

:hover

Устанавливает стили для элемента, когда пользователь подводит курсор мыши к ссылке. Данный псевдокласс часто используется вместе с псевдоклассами :active, :link и :visited

:active

Устанавливает стили для элемента, когда ссылка становится активной, но переход по ссылке еще не совершен. Данный псевдокласс часто используется вместе с псевдоклассами :hover, :link и :visited

:link

Устанавливает стили для элемента, когда ссылка не является часто посещаемой. Данный псевдокласс часто используется вместе с псевдоклассами :hover, :active и :visited

:visited

Устанавливает стили для элемента, когда ссылка недавно посещалась. Данный псевдокласс часто используется вместе с псевдоклассами :hover, :active и :link. (Используйте данный псевдокласс перед ними, чтобы не подавлять их поведение)

osition

Устанавливает или определяет позицию элемента. Может принимать значения:
static - По умолчанию. Позиция объекта определяется текущей разметкой HTML по стандартным правилам
absolute - Позиция объекта определяется относительно позиции родительского объекта или отностительно объекта body, если позиция родителя не определена свойствами top и left
relative - Позиция объекта определяется смещением от заданных свойств top и left

left/top

Устанавливает или определяет позицию элемента относительно левого/верхнего края следующего объекта. Может принимать значения:
auto - По умолчанию. Позиция объекта определяется текущей разметкой HTML по стандартным правилам
length - число с заданной единицей измерения (10mm;5px;3em)
percentage - число процентов от ширины/высоты родительского объекта (10%)
Свойство left или top можно использовать, если задан атрибут position, иначе параметры просто игнорируются

z-index

Устанавливает или получает порядок слоев для объектов. В скриптовых языках используйте конструкцию object.style.zIndex [ = vOrder ]. Может принимать два значения:
строку auto (по умолчанию) - Позиция объекта определяется текущей разметкой HTML по стандартным правилам
Order - число, задающее позицию объекта в слоях.
С помощью данного свойства можно накладывать один объект на другой (или прятать за другой объект). Можно использовать и отрицательные значения. Данное свойство применимо только к объектам, имееющим атрибут absolute или relativeсвойства position
Нельзя применять к объектам, имеющим окно (например, select)

 

 

min-height

Устанавливает или получает минимальную высоту элемента
TR {min-height: 10px;}
Данный атрибут применим к TR, TD, TH в таблице, у которой свойство table-layout имеет значение fixed

width

Устанавливает ширину элемента

 

 

A:link

Определяет стиль для обычной непосещенной ссылки.

A:visited

Определяет стиль для посещенной ссылки.

A:active

Определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

A:hover

Определяет стиль для ссылки при наведении на нее мышью. Не поддерживается браузером Netscape до 6 версии.

 

 


28.12.2017; 01:58
хиты: 99
рейтинг:0
для добавления комментариев необходимо авторизироваться.
  Copyright © 2013-2024. All Rights Reserved. помощь