Программист Дроздовский Михаил
Карта сайта | Форум  

DROZD. / Разное / Статьи

Статьи и заметки обо всем, что имеет какое-либо отношение к созданию сайтов.
Информация о веб-дизайне, программировании, типографике и работе с контентом — все здесь.

  Опубликовано на journalist.artotron.com
   

 

 

Справочник по CSS1

Автор: Urfin Juice
 
1. Свойства шрифта - font.


font-family - определяет тип используемого шрифта.

Если данное значение не указано, то шрифт выбирается браузером клиента. У клиента
может не оказаться нужного Вам шрифта, поэтому можно указывать несколько видов
шрифтов в порядке их предпочтения, разделяя названия запятыми. Если ни одного
из выбранных шрифтов в распоряжении браузера не окажется, то браузер проигнорирует
инструкции и использует свой шрифт для отображения текста.

Свойство поддерживает механизм наследования.


font-size - размер букв.

Допустимые значения:

(xx-small, x-small, small, medium, large, x-large, x-large, xx-large)

(larger, smaller)

(относительные размеры - em, en, ex, px / абсолютные размеры - in, cm, mm, pt,
pc)

(значения даны в процентах от родительского размера шрифта)

Если значение не указано, то по умолчанию используется значение medium.

Свойство поддерживает механизм наследования.


font-style - стиль написания букв

Допустимые значения: normal, italic, oblique

Если значение не указано, то по умолчанию используется значение normal.

Свойство поддерживает механизм наследования.


font-variant - вид текста (обычный, либо написание заглавными буквами размером
в строчные)

Допустимые значения: normal, small-caps

Если значение не указано, то по умолчанию используется значение normal.

Свойство поддерживает механизм наследования.


font-weight - жирность текста

Допустимые значения: normal, bold, bolder, lighter или числа от 100 до 900.

Значение по умолчанию - normal.

Свойство поддерживает механизм наследования.


2. Свойства цвета - color.


Допустимые значения - название цвета или номер.

Номерное значение может задаваться несколькими способами. Это может быть номер
в шестнадцатеричной системе (#FFFFFF), в десятичной системе (255, 0, 0) или
в процентной записи (80%, 20%, 0%)

Если цвета не указаны, то цвет выбирается согласно настроек браузера клиента.

Свойство поддерживает механизм наследования.


3. Свойство фона - background.


background - фон.

Данное свойство имеет несколько атрибутов:

transparent - данный атрибут указывает на то, что фон является прозрачным, что
синонимично отсутствию фона как такового.

color - данный атрибут указывает на цвет фона.

URL - данный атрибут указывает адрес файла, в случае использования в картинки
качестве фона. Адрес может быть как абсолютным, так и относительным, но должен
обязательно заключаться в скобки:

BODY { background: url(http://www.somewhere.com/image/fon.gif) }

В случае когда указываются и цвет фона и фоновая картинка, картинка всегда помещается
поверх цвета.

repeat - данный атрибут определяет степень повторяемости фоновой картинки и
может иметь следующие значения: repeat - картинка бесконечно повторяется по
горизонтали и вертикали, заполняя собой все фоновое пространство браузера; repeat-x
- картинка повторяется по горизонтали; repeat-y - картинка повторяется по вертикали;
no-repeat картинка не повторяется. Если значения не указаны, то по умолчанию
используется значение - repeat.

scroll - данный атрибут определяет подвижность фоновой картинки. Атрибут может
иметь значение scroll, означающее, что фон прокручивается вместе с содержанием
web-документа, или значение fixed, означающие, что при прокручивании документа
фон остается неподвижным. По умолчанию принимается значение scroll.

position - атрибут определяет положение картинки в окне браузера. Значения могут
быть: top, middle, bottom, left, center, right, или же положение может быть
задано в виде абсолютного растояния от левой и верхней кромки окна браузера
(горизонтальное, вертикальное) или же в виде процентных отношений (горизонтальное,
вертикальное). По умолчанию фоновая картинка прикрепляется к верхнему левому
углу окна браузера.


Существуют и возможности вынесения некоторых характеристик фона в отдельные
свойства:


background-attachment - фиксация фона

Допустимые значения: scroll, fixed

Значение по умолчанию: scroll


background-color - цвет фона.

Допустимые значения: transparent или указание цвета.

Если указывается цвет фона, то он может быть чистым в виде названия цвета или
его номера (см. выше раздел "Свойства цвета") или смешанным, когда
цвет фона не указывается явно, а является смешением разных цветов. Синтаксис
указания смешанного цвета фона следующий:

BODY { background-color: red/blue }

Значение по умолчанию: transparent


background-image - рисунок фона.

Допустимые значения: none или указание адреса расположения фоновой картинки.

Значение по умолчанию: none


background-position - расположение фона

Допустимые значения: top, center, bottom, left, right, цифровые значения.

Значение по умолчанию: left, top.


background-repeat - повторяемость фона.

Допустимые значения: repeat, repeat-x, repeat-y, no-repeat.

Значение по умолчанию: repeat.


Ни одно из свойств, относящихся к фону, не поддерживает механизм наследования.


4. Свойства текста.


letter-spacing - расстояние между буквами.

Допустимые значения: normal или значение в единицах измерения.

Значение по умолчанию: normal

Свойство поддерживает механизм наследования.


line-height - высота текущей строки.

Допустимые значения: normal, число, единицы измерения, процент.

Числовые значения интерпретируются как текущий размер шрифта, умноженный на
соответствующее число.

Значение по умолчанию определяется браузером клиента.

Свойство поддерживает механизм наследования.


list-style - отображение элементов списка.

Данное свойство имеет несколько атрибутов: набор ключевых слов, position описывающий
расположение списка, url - адрес файла при использовании индивидуального графического
маркера.

Свойство поддерживает механизм наследования и позволяет выносить атрибутику
в самостаятельные детализированные свойства:


list-style-image - адрес картинки, используемой в качестве маркера.

Допустимые значения: none или url картинки.

Значение по умолчанию: none.

Свойство поддерживает механизм наследования.


list-style-type - вид маркера.

Допустимые значения: none, circle, disk, square, demical, lower-alpha, upper-alpha,
lower-roman, upper-roman

Значение по умолчанию: disk.

Свойство поддерживает механизм наследования.


list-style-position - свойство определяет внутри или вне тела списка расположен
маркер.

Допустимые значения: inside, outside.

Значение по умолчанию: outside.

Свойство поддерживает механизм наследования.


text-align - выравнивание текста.

Допустимые значения: left, right, center, justify.

Значение по умолчанию: определяется браузером клиентом.

Свойство поддерживает механизм наследования.


text-decoration - специальные эффекты текста

Допустимые значения: none, overline, underline, line-through

Значение по умолчанию: none

Свойство не поддерживает механизм наследования.


text-indent - величина отступа

Допустимые значения: единица измерения или процент относительно родительского
элемента.

Значение по умолчанию: zero

Свойство поддерживает механизм наследования.


text-transform - трансформация текста.

Допустимые значения:

capitalize - делает заглавной первую букву каждого слова.

uppercase - делает все буквы заглавными

lowercase - делает все буквы в словах элемента строчными

none - снимает все установки, приобретенные в результате наследования.

Значение по умолчанию: none

Свойство поддерживает механизм наследования.


vertical-align - расположение элемента по вертикали.

Допустимые значения:

baseline - выравнивание по образцу родительского элемента.

sub - переводит элемент в нижний регистр

super - переводит элемент в верхний регистр

top - выравнивание элемента по верху самого высокого элемента строки

bottom - выравнивание элемента по низу самого низкого элемента строки

text-top - выравнивание элемента по верху текста, набранного шрифтом родительского
элемента

text-bottom - выравнивание элемента по низу текста, набранного шрифтом родительского
элемента

middle - выравнивание элемента по средней линии на основе родительского элемента
плюс половина строки последнего.

процент

Значение по умолчанию: baselign

Свойство не поддерживает механизм наследования.


5.Свойства, связанные с рамками и размерами. Их значения характеризуют области
вокруг различных элементов (картинка, символ и др.)


border - определение свойств рамки. Свойство может быть детализировано:

border-top, border-right, border-left, border-bottom

Свойство имеет несколько атрибутов со своими значениями:

border-width - ширина рамки со значениями thin, medium, thick или единицы измерения.
Значение по умолчанию - medium.

border-style - стиль рамки со значениями none или solid. Значение по умолчанию
- none.

color - определение цвета фона элемента до того как элемент загрузится, а также
цвета фона под прозрачными частями элемента. В качестве значения указывается
цвет или URL картинки (в этом случае картинка будет повторятся до заполнения
всего фонового пространства элемента. Значение по умолчанию - нет цвета.

Свойство не поддерживает механизм наследования.


border-color - определяет цвет рамки. Данное свойство можно детализировать:

border-top-color, border-right-color, border-left-color, border-bottom-color

Допустимые значения: указание цвета или URL картинки (в этом случае картинка
будет повторяться, образуя рамку).

Значение по умолчанию: без цвета.

Свойство не поддерживает механизм наследования.


border-style - определяет стиль отображения рамки. Свойство можно детализировать:

border-top-style, border-right-style, border-left-style, border-bottom-style

Допустимые значения: none, solid, double, groove, ridge, inset, outset

Значение по умолчанию: none

Свойство не поддерживает механизм наследования.


border-width - определение ширины рамки. Свойство может быть детализировано:

border-top-width, border-right-width, border-left-width, border-bottom-width.

Допустимые значения: thin, medium, thick или единицы измерения.

Значение по умолчанию: medium

Свойство не поддерживает механизм наследования.


clear - указывает, что следующие элементы должны быть расположены ниже элемента
выравненного по левому или правому краю, а не "обтекать" его по умолчанию.

Допустимые значения: none , both, right, left.

Значение по умолчанию: none.

Свойство не поддерживает механизм наследования.


clip - определяет какая часть элемента видна.

Допустимые значения: rect () или auto

Значение по умолчанию: auto

Свойство не поддерживает механизм наследования.


display - свойство, определяющее следует ли отображать элемент.

Допустимые значения: " ", none

Значение по умолчанию: " "

Свойство не поддерживает механизм наследования.


float - указывает на обтекание элемента другими.

Допустимые значения: none, left, right.

Значение по умолчанию: none.

Свойство не поддерживает механизм наследования и применяется к элементам категории
DIV, SPAN.


height - устанавливает высоту элемента и измеряет ее при необходимости. В таком
случае значение возвращается как строка, включающая тип единиц измерения (px,
% и т.д.). Для получения значения в виде числа используется запись posHeight.

Допустимые значения: auto или значение в единицах измерения.

Значение по умолчанию: auto

Свойство не поддерживает механизм наследования и применяется к элементам категории
DIV, SPAN.


left - устанавливает горизонтальную координату элемента. Значение возвращается
как строка, включающая тип едининцы измерения (px, % и т.д.) Для получения значения
в виде числа используется запись posLeft.

Допустимые значения: auto, процент относительно родительского элемента, единицы
измерения.

Значение по умолчанию: zero

Свойство не поддерживает механизм наследования.


margin, margin-top, margin-bottom, margin-left, margin-right - устанавливает
размеры отступов вокруг элемента.

Допустимые значения: auto, единицы измерения, процент относительно родительского
элемента.

Значение по умолчанию: zero

Свойство не поддерживает механизм наследования.


overflow - определяет поведение элемента при выходе его за свои границы.

Допустимые значения: none (элемент будет отображаться и за рамками своих границ),
clip (выступающие части будут обрезаны), scroll (выступающие части не отображаются
за пределами границ, но их можно увидеть с помощью прокрутки).

Значение по умолчанию: none

Свойство не поддерживает механизм наследования.


padding, padding-top, padding-bottom, padding-left, padding-right - определяет
расстояние между элементом и его рамкой.

Допустимые значения: auto, единицы измерения, процент относительно родительского
элемента.

Значение по умолчанию: zero.

Свойство не поддерживает механизм наследования.


position - определяет способ позиционирования элемента на экране.

Допустимые значения: absolute ( расположение элемента относительно фона и перемещение
вместе с ним), static (элемент располагается относительно фона, но неподвижен
при прокручивании), relative (элемент позиционируется относительно других элементов
согласно своему положению в коде).

Значение по умолчанию: relative

Свойство не поддерживает механизм наследования.


top - устанавливает или возвращает вертикальную координату элемента. Значение
возвращается как строка с указанием типа единиц измерения (px, % и т.д.) Для
получения значения в виде числа используется запись posTop.

Допустимые значения: auto, единицы измерения или процент относительно родительского
элемента.

Значение по умолчанию: auto

Свойство не поддерживает механизм наследования.


visibility - определяет видимость элемента.

Допустимые значения: visible (элементвидим), hidden (элемент невидим), inherit
(элемент виден, если виден его родительский элемент).

Значение по умолчанию: inherit

Свойство не поддерживает механизм наследования.


width - устанавливает и измеряет ширину элемента. Значение возвращается как
строка, включающая тип единиц измерения (px, % и т.д.) Для получения значения
в виде числа следует использовать запись posWidth.

Допустимые значения: auto, единицы измерения или процент относительно родительского
элемента.

Значение по умолчанию: auto (за исключением элементов с внутренними установками
размера)

Свойство не поддерживает механизм наследования.


z-index - определяет порядок перекрывания одних элементов другими. Элементы
с более высоким z-index будут находиться поверх элементов с более низким z-index.

Допустимые значения: число.

Значение по умолчанию: в зависимости от контекста.

Свойство не поддерживает механизм наследования.

 

 


Copyright © 2004 — 2010 Дроздовский Михаил продвижение сайтов Петербург . создание сайтов Петербург . строительная экспертиза . декларация пожарной безопасности