Пятница, 17.05.2024, 14:18
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Июнь » 27 » Свойства CSS
    10:07
    Свойства CSS
    Цвет и фон
    background
    Параметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.

    background-attachment
    Параметр background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.

    background-color
    Устанавливает фоновый цвет элемента.

    background-image
    Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью.

    background-position
    Задает начальное положение фонового изображения, установленного с помощью параметра background-image.

    background-repeat
    Определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.

    color
    Определяет цвет текста элемента.

    opacity
    Определяет уровень прозрачности элемента веб-страницы. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта.

    Границы
    border
    Параметр позволяет одновременно установить толщину, стиль и цвет рамки вокруг элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.

    border-bottom
    Параметр позволяет одновременно установить толщину, стиль и цвет границы внизу элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.

    border-bottom-color
    Устанавливает цвет границы внизу элемента.

    border-bottom-style
    Устанавливает стиль границы внизу элемента
    .
    border-bottom-width
    Задает толщину границы внизу элемента.

    border-color
    Устанавливает цвет границы на разных сторонах элемента. Параметр позволяет задать цвет границы сразу на всех сторонах элемента или определить цвет границы только на указанных сторонах.

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

    border-left-color
    Задает цвет границы слева от элемента.

    border-left-style
    Устанавливает стиль границы слева от элемента.

    border-left-width
    Задает толщину границы слева от элемента.

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

    border-right-color
    Задает цвет границы справа от элемента. Значение цвета может задаваться по его названию, шестнадцатеричному значению, либо с помощью RGB.

    border-right-style
    Устанавливает стиль границы справа от элемента.

    border-right-width
    Устанавливает толщину границы справа от элемента.

    border-style
    Устанавливает стиль рамки вокруг элемента. Допустимо задавать индивидуальные стили для разных сторон элемента.

    border-top
    Одновременно задает толщину, стиль и цвет границы сверху элемента.

    border-top-color
    Задает цвет границы сверху элемента.

    border-top-style
    Устанавливает стиль границы сверху элемента.

    border-top-width
    Устанавливает толщину границы сверху элемента.

    border-width
    Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа аргументов.

    Шрифт
    font
    Универсальный параметр, который позволяет установить одновременно несколько атрибутов стиля шрифта.

    font-family
    Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого. Список шрифтов может включать одно или несколько названий, разделенных запятой.

    font-size
    Определяет размер шрифта элемента, который может быть установлен несколькими способами.

    font-style
    Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста.

    font-variant
    Определяет, как нужно представлять строчные буквы ? делать их все прописными уменьшенного размера или оставить без изменений. Такой способ изменения символов называется капителью.

    font-weight
    Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Также допустимо использование ключевых слов.

    Текст
    letter-spacing
    Определяет интервал между символами в пределах элемента. Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данный атрибут.

    line-height
    Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически.

    text-align
    Определяет горизонтальное выравнивание текста в пределах элемента.

    text-decoration
    Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя значения через пробел.

    text-indent
    Устанавливает величину отступа первой строки блока текста (например, для параграфа P). Воздействия на все остальные строки не оказывается.

    text-transform
    Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен.

    vertical-align
    Выравнивает элемент по вертикали относительно своего родителя или окружающего текста.

    white-space
    Параметр white-space устанавливает, как отображать пробелы между словами.

    word-spacing
    Устанавливает интервал между словами. Если установлен параметр выравнивания justify, то атрибут word-spacing не действует, поскольку интервал между словами будет установлен принудительно.

    Списки
    list-style
    Атрибут, позволяющий одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера.

    list-style-image
    Устанавливает адрес изображения, которое служит в качестве маркера списка. Этот атрибут наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none.

    list-style-position
    Определяет, как будет размещаться маркер относительно текста. Имеется два значения: outside — маркер вынесен за границу элемента списка и inside — маркер обтекается текстом.

    list-style-type
    Изменяет вид маркера для каждого элемента списка. Этот атрибут используется только в случае, когда значение свойства list-style-image установлено как none. Маркеры различаются для маркированного списка (тег UL) и нумерованного (тег OL).

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

    clip
    Параметр clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник.

    display
    Многоцелевой атрибут, который определяет, как элемент должен быть показан в документе.

    float
    Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.

    height
    Устанавливает высоту блочных или заменяемых элементов (к ним, например, относится тег IMG. Высота не включает толщину границ вокруг элемента, значение отступов и полей.

    max-height
    Устанавливает максимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от установленных параметров height, max-height и min-height
    .
    max-width
    Устанавливает максимальную ширину элемента.

    min-height
    Задает минимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от установленных параметров height, max-height и min-height.

    min-width
    Задает минимальную ширину элемента. Если окно браузера достигает заданной минимальной ширины элемента, то его ширина остается неизменной и появляется горизонтальная полоса прокрутки.

    overflow
    Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.

    visibility
    Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним.

    width
    Устанавливает ширину блочных или заменяемых элементов. Ширина не включает толщину границ вокруг элемента, значение отступов и полей.

    Позиционирование
    bottom
    Устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. Отсчет координат зависит от параметра position, он обычно принимает значение relative (относительное положение) или absolute (абсолютное положение).

    left
    Для позиционированного элемента определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента. Отсчет координат зависит от значения параметра position.

    position
    Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.

    right
    Для позиционированного элемента определяет расстояние от правого края родительского элемента, не включая отступ, поле и ширину рамки, до правого края дочернего элемента.

    top
    Для позиционированного элемента определяет расстояние от верхнего края родительского элемента, не включая отступ, поле и ширину рамки, до верхнего края дочернего элемента.

    z-index
    Управляет размещением элементов по z-оси, что позволяет накладывать элементы друг на друга.

    Отступы
    margin
    Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента.

    margin-bottom
    Устанавливает величину отступа от нижнего края элемента.

    margin-left
    Устанавливает величину отступа от левого края элемента.

    margin-right
    Задает величину отступа от правого края элемента.

    margin-top
    Устанавливает величину отступа от верхнего края элемента.
    Поля

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

    padding-bottom
    Устанавливает значение поля от нижнего края содержимого элемента.

    padding-left
    Устанавливает значение поля от левого края содержимого элемента.

    padding-right
    Задает значение поля от правого края содержимого элемента..

    padding-top
    Задает величину поля от верхнего края содержимого элемента.

    Таблицы
    border-collapse
    Устанавливает, как отображать границы вокруг ячеек таблицы. Этот параметр играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины. Добавление значения collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии.

    border-spacing
    Задает расстояние между границами ячеек в таблице. Атрибут border-spacing не работает в случае, когда для таблицы установлен параметр border-collapse со значением collapse.

    caption-side
    Определяет положение заголовка таблицы, который задается с помощью тега CAPTION, относительно самой таблицы. Параметр caption-side выводит заголовок до или после таблицы, а выравнивание текста по правому или левому краю устанавливается через атрибут text-align.

    empty-cells
    Параметр задает отображение границ и фона в ячейке, если в ней нет видимого содержания. При одновременном добавлении к таблице параметра border-collapse со значением collapse, атрибут empty-cells игнорируется.

    table-layout
    Определяет, как браузер должен вычислять высоту и ширину ячеек таблицы, основываясь на ее содержимом.

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

    !important
    Играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей. Если возникает противоречие, когда стиль автора страницы и пользователя для одного и того же элемента не совпадает, то !important позволяет повысить приоритет стилевого параметра.
    Псевдоэлементы

    after
    Псевдоэлемент, который используется для вывода желаемого контента после элемента, к которому он добавляется. Псевдоэлемент after работает совместно с атрибутом content.

    before
    Псевдоэлемент before применяется для отображения желаемого контента до элемента, к которому он добавляется. before работает совместно с атрибутом content.

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

    first-child
    Псевдокласс first-child добавляет стилевое оформление к первому дочернему элементу селектора, который расположен в дереве элементов документа.

    focus
    Псевдокласс focus определяет стиль для элемента получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.

    hover
    Определяет стиль элемента при наведении на него курсора мыши.

    link
    Псевдокласс link применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление.

    visited
    Псевдокласс visited применяется к ссылкам, уже посещенные пользователем, и задает для них стилевое оформление.

    Контент
    content
    Атрибут content позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует.

    counter-increment
    Предназначен для увеличения значения счетчика приращений, который задается параметром counter-reset. Такой счетчик подсчитывает количество отображений элементов на странице и может выводиться с помощью свойства content и псевдоэлементов after и before. Это позволяет создавать списки (в том числе многоуровневые), в которых нумерация и вид задаются через стили.

    counter-reset
    Устанавливает идентификатор, в котором будет храниться счетчик отображений определенного элемента, а также начальное значение счетчика. Такой счетчик может выводиться с помощью свойства content и псевдоэлементов after и before.

    quotes
    Устанавливает вид кавычек, который применяется в тексте документа.

    Категория: Web-master | Просмотров: 392 | Добавил: Sereys | Рейтинг: 0.0/0
    Всего комментариев: 4
    4 STREPSIL  
    0
    Спасибо,нужная вещь!

    1 Dambass  
    0
    мда...а писать значения к свойствам никак? dry

    2 DAF  
    1
    Тебе нужно ты и пиши, тебе описали все, спасибо хоть б сказал.

    3 Dambass  
    -2
    где ты все описал?ты написал background-attachment
    и пля откуда мне знать что писать чтопбы он прокоручивался или стоял?Хотя я итак знаЮ!

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]