РЕЗИНОВЫЙ
ФИКСИРОВАННЫЙ
<B>
<I>
<BR>
<P>
<DIV>
<SPAN>
<IMG>
<A>
<HOR_MENU>
<VER_MENU>
БЛОК - <DIV><H1>..<H6> <P>
ТЕКСТ - <SPAN><A><Q>
КАРТИНКА - <IMG>
В РАЗРАБОТКЕ!
В РАЗРАБОТКЕ!
Стили блоков.
Граница:
Толщина (
Толщина границы
1
px
- одно значение
для всех сторон;
0
px
0
px
0
px
0
px
-
сверху, справа, снизу, слева
соответственно.
border-width
):
0px
1px
2px
3px
4px
5px
6px
7px
8px
9px
↓
Стиль (
Стиль границы
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
- как во внешнем элементе.
border-style
):
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
↓
Цвет (
Цвет границы
Щёлкните мышкой по полю,
чтобы выбрать цвет.
Щёлкните в любом другом
месте, чтобы закрыть
окно выбора цвета.
border-color
):
↓
Размеры:
Ширина (
Ширина блока
100
px
- 100 точек;
30
%
- 30 процентов;
auto
- по размеру;
inherit
- как во внешнем элементе.
width
):
↓
Высота (
Высота блока:
100
px
- 100 точек;
30
%
- 30 процентов;
auto
- по размеру содержимого;
inherit
- как во внешнем элементе.
height
):
↓
Поля (
Поля вокруг текста
0
px
0
px
0
px
0
px
-
сверху, справа, снизу, слева
соответственно.
padding
):
↓
Отступ (
Отступ от внешнего блока
0
px
0
px
0
px
0
px
-
сверху, справа, снизу, слева
соответственно.
margin
):
↓
Фон и цвет:
Прокрутка фона(
Прокрутка фона
scroll
- вместе с содержимым;
fixed
- фон на месте;
inherit
- как во внешнем элементе.
background-attachment
):
scroll
fixed
inherit
↓
Цвет фона(
Цвет фона
Щёлкните мышкой по полю,
чтобы выбрать цвет.
Щёлкните в любом другом
месте, чтобы закрыть
окно выбора цвета.
background-color
):
↓
Цвет текста(
Цвет текста
Щёлкните мышкой по полю,
чтобы выбрать цвет.
Щёлкните в любом другом
месте, чтобы закрыть
окно выбора цвета.
color
):
↓
Картинка
Картинка
(
Фоновая картинка
url('http://into.by/image.jpg')
-
где
http://into.by/image.jpg
-
путь к картинке.
background-image
):
↓
Повтор (
Повтор фоновой картинки
repeat
- повтор по осям X,Y;
no-repeat
- не повторять;
repeat-x
- повтор по оси X;
repeat-y
- повтор по оси Y;
inherit
- как во внешнем элементе.
background-repeat
):
repeat
no-repeat
repeat-x
repeat-y
inherit
↓
Позиция (
Позиция фоновой картинки
top left
- слева вверху;
top right
- справа вверху;
top center
- по центру вверху;
left center
- слева по центру;
right center
- справа по центру;
center center
- по центру;
left bottom
- слева снизу;
right bottom
- справа снизу;
center bottom
- слева снизу;
inherit
- как во внешнем элементе.
0% 0%
- позиция в процентах;
первая цифра - по горизонтали,
вторая цифра - по вертикали.
5px 0px
- то же в пикселах;
background-position
):
top left
top right
top center
left center
right center
center center
left bottom
right bottom
center bottom
inherit
↓
Расположение:
Обтекание(
Обтекание элемента:
none
- нет;
left
- по левому краю;
right
- по правому краю;
inherit
- как в родительском элементе
float
):
none
left
right
inherit
↓
Очистка(
Запретить обтекание:
none
- нет;
left
- по левому краю;
right
- по правому краю;
both
- и слева и справа;
inherit
- как в родительском элементе
clear
):
none
left
right
both
inherit
↓
Позиция (
Способ позиционирования
absolute
- независимо от других;
fixed
- фиксировано на экране;
relative
- относительно других;
static
- обычное;
inherit
- как во внешнем элементе
position
):
static
absolute
fixed
relative
inherit
↓
Переполнение (
Переполнение
auto
- прокрутка по необходимости;
hidden
- что не влезло скрыто;
scroll
- с прокруткой;
visible
- по содержанию;
inherit
- как в родителе
overflow
):
visible
auto
hidden
scroll
inherit
↓
Cтили текста.
Шрифт:
Семейство (
Семейство шрифтов
default
- по умолчанию;
serif
- с засечками;
sans-serif
- без засечек;
cursive
- курсивные шрифты;
fantasy
- декоративные;
monospace
- моноширинные;
inherit
- как во внешнем элементе.
font-family:
):
default
serif
sans-serif
cursive
fantasy
monospace
inherit
↓
Размер (
Размер шрифтов
medium
- по умолчанию;
xx-small
- самый маленький;
x-small
- очень маленький;
small
- маленький;
large
- большой;
x-large
- очень большой;
xx-large
- самый большой;
font-size:
):
medium
xx-small
x-small
small
large
x-large
xx-large
↓
Начертание (
Начертание шрифта
normal
- по умолчанию;
italic
- курсив;
oblique
- наклонный шрифт;
inherit
- как во внешнем элементе.
font-style:
):
normal
italic
oblique
inherit
↓
Представление (
Представление шрифта
normal
- по умолчанию;
small-caps
- капитель -
строчные как заглавнные малого размера
inherit
- как во внешнем элементе.
font-variant:
):
normal
small-caps
inherit
↓
Насыщенность (
Насыщенность шрифта
normal
- по умолчанию;
bold
- жирный;
bolder
- жирнее;
lighter
- светлее;
100-900
- в цифрах;
font-weight:
):
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
↓
Текст:
Выравнивание (
Выравнивание текста
left
- по левому краю;
center
- по центру;
right
- по правому краю;
justify
- по ширине;
inherit
- как во внешнем элементе.
text-align
):
left
center
right
justify
inherit
↓
Буквы (
Интервал между буквами
normal
- обычный;
1px
- 1px;
inherit
- как во внешнем элементе.
letter-spacing
):
normal
inherit
0px
1px
2px
3px
4px
5px
6px
7px
8px
9px
↓
Слова (
Интервалы между словами
normal
- не менять;
5px
- 5 пикселей;
inherit
- как во внешнем элементе.
word-spacing:
):
normal
inherit
0px
1px
2px
3px
4px
5px
6px
7px
8px
9px
↓
Тень (
Тень текста
none
- без тени;
#333 3px 3px 10px
- ЭТО:
{цвет} {сдвиг по x} {сдвиг по y} {радиус размытия}
text-shadow
):
↓
Регистр (
Регистр текста
none
- не менять;
capitalize
- все слова с заглавной;
lowercase
- все строчные;
uppercase
- все заглавные;
inherit
- как во внешнем элементе.
text-transform
):
none
capitalize
lowercase
uppercase
inherit
↓
Пробел (
Пробелы в тексте
normal
- не менять;
nowrap
- без пробелов и переносов;
pre
- со всеми пробелами, но текст не переносится;
pre-line
- без пробелов, текст переносится;
pre-wrap
- со всеми пробелами, текст переносится;
inherit
- как во внешнем элементе.
white-space
):
normal
nowrap
pre
pre-line
pre-wrap
inherit
↓
Строка(
Высота строки
normal
- обычный;
1.1
- умножить на 1.1;
11px
- 11px;
60%
- 60%;
inherit
- как во внешнем элементе.
line-height
):
normal
inherit
0.5
0.6
0.7
0.8
0.9
1.1
1.2
1.3
1.4
1.5
↓
Оформление (
Оформление текста
none
- обычный;
blink
- мерцание;
line-through
- перечёркнутый;
overline
- надчёркнутый;
underline
- подчёркнутый;
inherit
- как во внешнем элементе.
text-decoration
):
none
blink
line-through
overline
underline
inherit
↓
Cтили изображений.
Ссылка* (
Ссылка на картинку
Введите адрес картинки. Это единственный обязательный тег!
src
):
↓
Ширина (
Ширина картинки
Если указана только ширина или только высота, пропорции картинки будут сохранены. Допустимо задавать в пикселах(px) или процентах(%).
width
):
↓
Высота (
Высота картинки
Если указана только ширина или только высота, пропорции картинки будут сохранены. Допустимо задавать в пикселах(px) или процентах(%).
height
):
↓
Текст (
Альтернативный текст
Показывается, если картинка ещё не загрузилась; или если у пользователя отключены картинки.
alt
):
↓
Выравнивание (
Выравнивание картинок
bottom
- низ IMG по тексту;
left
- по левому краю;
right
- по правому краю;
middle
- выравнивание середины
изображения по базовой линии строки;
top
- верх IMG по тексту.
align
):
bottom
left
right
middle
top
↓
Рамка (
Рамка вокруг картинки
0
- нет;
3
- толщина рамки в пикселях.
border
):
0
1
2
3
4
5
6
7
8
9
↓
Гориз. отступ (
Отступы по горизонтали
0
- нет;
3
- толщина отступа в пикселях.
hspace
):
0
1
2
3
4
5
6
7
8
9
↓
Верт. отступ (
Отступы по вертикали
0
- нет;
3
- толщина отступа в пикселях.
vspace
):
0
1
2
3
4
5
6
7
8
9
↓