Справочник CSS в формате CHM


Содержание

Справочник по CSS (ЦСС)

Справочник по CSS (ЦСС) содержит подробное описание основных стилевых параметров с примерами их использования. Каждый параметр включает таблицу браузеров, в которой показано, насколько данный атрибут поддерживается тем или иным браузером. Приводится синтаксис использования стилевого атрибута, список аргументов и объектная модель. В большинстве случаев результаты примеров иллюстрируются рисунками, что позволяет наглядно понять, как действует тот или иной атрибут.

Браузеры

Хотя большинство свойств CSS (ЦСС) описаны дастаткова давно, разработчики не всегда включали их поддержку в браузер или делали это не в полном объеме. По этой причине часто возникала ситуация, когда стандарты нельзя было применять по той причине, что они просто не работали. К счастью, эта ситуация исправляется и современные браузеры поддерживают спецификацию CSS (ЦСС) практически в полном объеме, хотя еще и не до конца. Тем не менее, при создании универсальных web-страниц, которые корректно отображаются в разных браузерах, необходимо знать, какие параметры будут работать и где, а какие нет. Для этого в таблице приведены популярные браузеры — Internet Эксплорер, Нетscape, Опера, Safari, Mozilla и Файер фох, а также используются следующие обозначения:

Да — параметр полностью поддерживается браузером со всеми допустимыми аргументами;
Нет — атрибут браузером не воспринимается и игнорируется;
Частично — параметр поддерживается лишь частично, например, не все допустимые аргументы действуют или атрибут применяется не ко всем элементам, которые указаны в спецификации;
Ошибки — свойство понимается браузером, но при его работе возможно появление различных Errors. В примечании к описанию свойства обычно указывается, какого рода ошибки обнаруживаются в браузере.

Синтаксис

Каждое свойство CSS (ЦСС) записывается в следующем обобщенном виде:

Селектором называют имя стиля, в котором указаны параметры форматирования, делятся они на несколько типов: селекторы тегов, идентификаторы и классы.

Селекторы тегов используются для определения стилей встроенных тегов ШТМЛ. Классы применяются для разработки стилей, которые можно применять к любому тегу ШТМЛ, для разработки выделений или изменения стиля блока контента. Идентификаторы обычно используются совместно со скриптами чтобы можно было управлять параметрами стиля динамически, кроме того, каждый идентификатор в пределах страницы должен быть уникальным.

Далее в фигурных скобках указывают имя атрибута CSS (ЦСС), а после двоеточия его желаемое значение. Писать несколько параметров можно, перечисляя их через точку с запятой, либо задавая отдельно каждый параметр, как показано ниже.

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

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

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

Любые свойства CSS (ЦСС), а также их значения не чувствительны к регистру, поэтому их можно набирать как заглавными, так и строчными символами. Но при этом их традиционно всегда пишут маленькими буквами.

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

  • вертикальная черта между значениями (например, fixed | scroll ) указывает на логическое исключающее ИЛИ, это означает, что надо выбрать только один аргумент из предложенных;
  • двойная вертикальная черта ( border-style || color ) обозначает объединяющее ИЛИ (ИЛИ/И), каждый аргумент может использоваться самостоятельно или совместно с другими через пробел;
  • квадратные скобки ( [left | center | right] ) помечают группу, из которой, как правило, выбирается одно значение;
  • два числа в фигурных скобках ( ) говорят, что предшествующее им значение следует повторять не менее a, но не более b раз.

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

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

Наследование

Наследование — это перенос правил форматирования для элементов, находящихся внутри других. Например, если для параграфа

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

Наследование полезно для задания свойств, применяемых к элементу по умолчанию. Так, дастаткова задать параметры форматирования тега

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

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

Применение

Свойства CSS (ЦСС) можно применять далеко не ко всем элементам web-страницы подряд, а только к тем, с которыми они . Большинство атрибутов работают со всеми элементами, а некоторые только с блочными или позиционированными. Определенные свойства, хотя и указано, что могут применяться ко всем элементам, не всегда приводят к какому-либо результату. Например, для рисунков совершенно бессмысленно устанавливать атрибуты, которые манипулируют с контентом. Так что в каждом случае следует решать самостоятельно, когда применять параметр, а когда нет.

Объектная модель

Для динамического изменения свойств элемента через JavaScript, необходимо знать, как к нему обращаться. Зная имя объекта и желаемое свойство, можно указать его новое значение без перезагрузки web-страницы. Так, для сокрытия и отображения элемента применяется атрибут visibility , а объектная модель для управления его значением — document.getElementById(«elementID»).style.visibility . Указывая вместо element >id , получаем механизм для динамического скрывания некоторого содержимого.

Последняя версия справочника 3.2 от 16.02.2009.

Что нового?

  • добавлен раздел с селекторами;
  • обновлена таблица браузеров с учетом поведения Internet Explorer 8 RC1;
  • к каждому свойству добавлены возможные ошибки с этим свойством в популярных браузерах;
  • расширен список возможных значений у стилевых свойств;
  • исправлены мелкие ошибки в описаниях;

Вы можете приобрести платную версию справочника по CSS (ЦСС), которая имеет ряд преимуществ по сравнению со своим бесплатно распространяемым аналогом, который можно скачать во вкладке «Скачать».

Справочник по CSS (в виде удобного файла справки)

Если забыли какой-либо тег css, этот справочник поможет. Нужную информацию можно найти очень быстро, ведь он сделан в виде справки.

CSS – это так называемые каскадные таблицы стилей ( или Cascading Style Sheets), которые стали революцией в мире Интернет-технологий.

С их появлением все веб-программисты заранее могли представить себе, как будет выглядеть та или иная страница в различных браузерах, вплоть до расположения картинок и размера шрифта. Основная задача CSS – это разделение содержимого, написанного на некотором языке, к примеру, html, и более удобного визуального представления документов. Говоря более просто — разделение контента и дизайна сайта (css отвечает за дизайн).


  • Введение
  • Что такое CSS и как его применить
  • Свойства шрифта
  • Цветовая гамма
  • Свойства текста
  • Свойство текста, содержащего иероглифы
  • Расположение элементов
  • Границы элементов
  • Классификации
  • Принтер
  • Псевдостили гиперссылок
  • Псевдостили текста
  • Правила
  • Единицы измерения CSS
  • Фильтры в Internet Explorer

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

text-underline-position — задает местонахождение линии подчеркивания: выше или ниже текста. Имеет смысл, если атрибут text-decoration равен underline или overline. text-underline-position: below|above; text-underline-position: below; — помещает линию подчеркивания под текстом (значение по умолчанию); text-underline-position: above; — над текстом («надчеркивание»). Поддерживается IE начиная с 5.5

text-align — определяет горизонтальное выравнивание текста. text-align: left|right|center|justify; text-align: left; — выравнивание текста по левому краю (значение по умолчанию); text-align: right; — выравнивание по правому краю; text-align: center; — выравнивание по центру; text-align: justify; — выравнивание по обоим краям (по ширине). Поддерживается IE начиная с 3.02; значение justify поддерживается начиная с 4.0 Поддерживается NN начиная с 4.0

text-align-last — задает горизонтальное выравнивание последней строки абзаца. text-align-last: auto|inherit|left|right|center|justify; text-align: auto; — выравнивает последнюю строку абзаца так же, как и остальные строки (основываясь на значении атрибута text-align) (значение по умолчанию); text-align: inherit; — так же, как выровнен текст родителя; text-align: left; — выравнивание текста по левому краю; text-align: right; — выравнивание по правому краю; text-align: center; — выравнивание по центру; text-align: justify; — выравнивание по обоим краям (по ширине). Поддерживается IE начиная с 5.5

text-indent — устанавливает отступ красной строки. text-ident: <Отступ>|<Отступ>%; Отступ может быть задан как абсолютной величиной, так и процентом от ширины родителя. Значение по умолчанию 0. Поддерживается IE и NN начиная с 4.0

text-height — интервал между строками текста. text-height: <Интервал>|<Интервал>%; Интервал может быть задан как абсолютной величиной, так и процентом от ширины родителя. Поддерживается IE и NN начиная с 4.0

text-transform — Задает преобразование регистра символов текста. text-transform: none|capitalize|uppercase|lowercase; text-transform: none; — отключает любые преобразования регистра символов (значение по умолчанию); text-transform: capitalize; — преобразует первую букву каждого слова текста в верхний регистр; text-transform: uppercase; — преобразует все символы текста в верхний регистр; text-transform: lowercase; — в нижний регистр. Поддерживается IE и NN начиная с 4.0

clear — задает поведение текста при «обтекании» им некоторых элементов страницы, таких как изображения. clear: none|left|right|all; Атрибут задается для текста, а не для элемента страницы, который он будет «обтекать». clear: none; — разрешает тексту «обтекать» элемент страницы (значение по умолчанию); clear: left; — запрещает тексту «обтекать» элемент страницы с левой стороны; clear: right; — с правой стороны; clear: all; — с обеих сторон. Поддерживается IE и NN начиная с 4.0

word-spacing — определяет дополнительное расстояние между словами в тексте. word-spacing: normal| ; Значение этого атрибута может быть задано либо абсолютной величиной в одной из поддерживаемых CSS единиц измерения, либо предопределенным значением normal, задающим стандартную величину расстояния между символами. Значение по умолчанию normal. Поддерживается IE начиная с 4.0

word-wrap — устанавливает, будет ли строка, выходящая за границы элемента страницы и не содержащая пробелов, переноситься по словам. word-wrap: normal|break-word; word-wrap: normal; — запрещает переносить строки по словам (значение по умолчанию); word-wrap: break-word; — разрешает. Поддерживается IE начиная с 5.5

word-mode — задает направление строк текста: горизонтальное или вертикальное. word-mode: lr-tb|tb-rl; word-mode: lr-tb; — задает обычное горизонтальное расположение строк текста; текст пишется слева направо и сверху вниз (значение по умолчанию); word-mode: tb-rl; — поворачивает текст на 90° по часовой стрелке; при этом он будет писаться сверху вниз и справа налево. Поддерживается IE начиная с 5.5

leter-spacing — определяет расстояние между символами в тексте. letter-spacing: normal| ; Значение этого атрибута может быть задано либо абсолютной величиной в одной из поддерживаемых CSS единиц измерения, либо предопределенным значением normal, задающим стандартную величину расстояния между символами. Значение по умолчанию normal. Поддерживается IE начиная с 4.0

line-height — задает вертикальное расстояние между строками текста. line-height: normal||%; Высота может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение normal задает стандартное расстояние. Значение по умолчанию normal. Поддерживается IE и NN начиная с 4.0

direction — задает порядок чтения текста: слева направо или справа налево. direction: ltr|rtl|inherit; direction: ltr; — задает порядок чтения слева направо (значение по умолчанию); direction: rtl; — справа налево; direction: inherit; — заставляет наследовать порядок чтения у родителя. Для документов, составленных на европейских языках, порядок чтения всегда слева направо (ltr). Поддерживается IE начиная с 5.0

unicode-bidi — задает поведение встроенных элементов при изменении направления письма с помощью атрибута direction. unicode-bidi: normal|embed|bidi-override; unicode-bidi: normal; — меняет направление письма и у родителя (используется по умолчанию); unicode-bidi: embed; — меняет направление письма только у встроенного элемента; unicode-bidi: bidi-override; — аналогично embed за тем исключением, что направление письма меняется согласно значению атрибута direction, независимо от локальных установок Web-обозревателя. Поддерживается IE начиная с 5.0

Бравый справочник css-свойств для новичка

Как новички изучают css-свойства? Они читают про все свойства, которые только есть, что-то запоминают, в основном только width, height и background, а потом постоянно рыщут по своим конспектам и гуглу, пытаются вспомнить какое свойство за что отвечает, как оно пишется и какие у него есть значения.

И тут мне пришла в голову идея. А что если сделать такую штуку, которая наглядно показывает как пишутся и работают все css-свойства? Причем, все это на одной странице.

Таким образом, за два вечера создался вот такой css-помощник: lesson-web.ru/modules/css_helper

В левой части мы видим результат работы css-свойств, а справа, собственно, список css-свойств, которые мы можем увидеть в действии.

В окне результата у нас есть один, как будто бы, div с классом .box. Если установить свойство float, то в окне появится три одинаковых блока.

Также можно задать текстовое содержимое этого блока. Есть пять вариантов:

В блоке с css-свойствами мы можем:

  • активировать или деактивировать свойство, кликнув по checkbox;
  • задать значение свойства;
  • понять свойство на простом русском языке
  • если на сайте есть описание по данному свойству, то можно перейти по ссылке и более подробно изучить его.

Значение можно задать тремя способами:

  1. Просто ввести значение в input
  2. Если это цвет, то указать его на палитре
  3. Если у свойства если стандартный набор значений, то можно выбрать его из списка

Собственно, вот такая приятная мелочь получилась) Если у вас есть какие-то идеи как можно улучшить этот помощник, то с радостью почитаю их в комментариях!

PROG-TIME

Справочник свойств CSS

По началу мне, возможно как и вам, было тяжело найти полную информацию по CSS. Все справочники были не полными или с устаревшими свойствами. Я решил вам помочь, и собрал для вас полный справочник CSS. Справочник CSS включает в себя все актуальные, на данный, свойства. Рекомендую вам скачать данный материал и распечатать, что бы он бы всегда у вас под рукой, как это сделал я.

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

Разработка и создание сайта

Топ 6


Обратите внимание

«Сколько и как зарабатывают
в партнерских программах»

Новости в наших группах

Скачать учебники бесплатно

Полезное

Скачать самоучитель по созданию и разработке сайтов

Скачать самоучитель PHP и MySQL

Вебмастеру

Авторам

Все учебники и самоучители на сайте представлены исключительно в ознакомительных целях! Эта электронная библиотека не преследует никакой коммерческой выгоды! Авторам, для внесения поправок и предложений, просим связаться с Aдминистратором.

скачать самоучители и учебники по разработке сайта бесплатно без регистрации, sms, пароля.

HTML, CSS и JavaScript › Справочник CSS

CSS. Справочник

Справочник по CSS: описание каждого стилевого свойства происходит по одинаковому шаблону. Современные браузеры поддерживают спецификацию CSS 2.1 практически в полном объеме, но пока еще не в полном объеме. Поэтому, при разработке кроссбраузерных сайтов, которые корректно отображаются в разных браузерах, важно знать, какие свойства будут работать и в каких браузерах, а какие не работают.

Для этого справочник CSS содержит таблицу самых распространенных браузеров — Internet Explorer, Chrome, Opera, Firefox и Safari, с указанием версий, которые поддерживают указанное свойство CSS со всеми допустимыми значениями, не воспринимают и игнорируют, свойство поддерживается лишь частично, например, не все возможные значения действуют или свойство применяется не ко всем элементам, которые указаны в спецификации, или распознается браузером, но при его работе возможны ошибки. В примечании обычно указывается, какого рода ошибки обнаруживаются в браузере.

Справочник содержит синтаксис написания, допустимые значения, наследование и поясняет к каким именно элементам применяется данное свойство. Каждое свойство иллюстрируется примером, который показывает область его применения. В большинстве случаев приводится картинка, которая демонстрирует результат примера, что позволяет понимать, как действует выбранное свойство CSS.

скачать справочник CSS

Примеры разработки и создания сайтов с нуля

Пример создания сайта с нуля: разработка, верстка и размещение готового сайта в интернете. Пошаговая инструкция позволит любому новичку стать обладателем полноценно функционирующего ресурса в сети.

  • Курс: Делаем сайт. Освоение вёрстки HTML и CSS
  • Год издания: 2020
  • Формат: MP4

Как научиться делать сайты своими руками и стать вебмастером? Этот курс содержит всё самое необходимое. Вначале нужно обязательно освоить вёрстку сайта на HTML и CSS, а первый сайт вы сделаете прямо в ходе обучения.

  • Видео: Зарабатываем на создании сайтов. Руководство фрилансера
  • Год издания: 2020
  • Формат: MP4

Готовое руководство для фрилансера по заработку на создании сайтов под заказ. Большинство начинающих фрилансеров совершают одни и те же ошибки. Данное руководство покажет вам, как их избежать и стать успешным.

CSS. Карманный справочник. Эрик А. Мейер

Эта книга служит справочным пособием, помогающим читателю решать стоящие перед ним задачи разработки прикладных программ.
В общем, приведенные здесь примеры кода можно использовать в своих программах и документации. Работая с каскадными таблицами стилей (CSS), читатель может быстро найти нужный ответ в этом удобном кратком справочнике, в котором предоставляются все основные сведения, необходимые для оперативной реализации CSS.
Этот карманный справочник идеально подходит для веб-разработчиков от промежуточного до продвинутого уровня квалификации, а его четвертое издание дополнено согласно спецификации CSS3. Помимо полного перечня в алфавитном порядке селекторов и свойств CSS3, вы найдете в этом издании краткое введение в основные понятия CSS.
В основу этого справочника положен материал книги CSS. Каскадные таблицы стилей. Подробное руководство того же автора. Он служит удобной памяткой по спецификациям CSS при решении текущих задач веб-разработки.
Быстро найти и адаптировать нужные элементы стилевого оформления. Узнать, каким образом средства CSS3 дополняют и расширяют ваши практические навыки применения CSS. Обнаружить новые типы значений и новые CSS-селекторы.
Реализовать падающие тени, несколько задних планов, скругленные углы и изображения границ элементов разметки веб-страниц. Получить новые сведения о преобразованиях и переходах.

Если вам понравилась эта книга поделитесь ею с друзьями, тем самым вы помогаете нам развиваться и добавлять всё больше интересных и нужным вам книг!

HTML+CSS1CHM

Добрый день.
Вопрос по CHM:
Есть HTML файл , в нем текст, рисунки, заголовки, списки.
Для списков я использую правило list-style-image из CSS1 (т.е. вместо стандартных маркеров я прошу браузер подставлять рисунки). В HTML Это все работает. Вот после компиляции в CHM действие list-style-image пропадает.
Подскажите, пожалуйста, какие технологии поддерживает CHM, где можно взять достоверную инфу (может сайт типа w3c.org есть??).
Может можно сделать маркеры рисунками и в обход этого свойства?

В CHM компилирую с помощью HTML HELP WorkShop.

[ Скачать с сервера (116.8 Kb) — бесплатно] 14.04.2010, 22:54
14.08.2008, 20:03

HTML Help Workshop, разделение файлов внутри chm
В составе HHP-файла — т.е. проекта HTML Help Workshop — есть один файлик: AVI.htm. В нём есть.

Подключения справки chm
Я создал сайт. Мне требуеться подключить справку о сайте в формате chm. Как это сделать ? Пытался.

Не отображаются картинки в справке chm
Помогите пожалуйста! Создала справку chm через HTML HelpWork shop. Но при открытии картинки не.

chm открывать в окне браузера!
Есть такая задача можно ли файл с форматом chm залить на сервер и сделать так, чтоб он открывался в.

Электронная книга в формате chm
Здравствуйте. Извините если тема создана не в том разделе. Вообщем нужно сделать электронную книгу.


14.08.2008, 20:11 2

CHM — это архив папки. Все пути должны быть относительными, и по возможности без пробелов и других спецсимволов (особенно #).
Может IE неправильно понимает Ваши CSS?

Сам часто делаю CHM’ы и не припомню подобных проблем. Использую htm2chm.

15.08.2008, 06:45 [ТС] 3

Разве в коде есть причина неправильно отображать содержимое?

Добавлено через 11 минут 37 секунд
Моему удивлению не было конца, когда я откомпилировал то же самое с помощью htm2chm.
Все в нем отображается нормально.

Теперь возникает вопрос: как можно изменить уже откомпилированный chm-файл, чтобы те же самые правила таблиц стилей отображались в нем нормально.
Я так понимаю, что все дело видно в паре параметров, которые html help workshop указывает неверно.

Free Download SEO

Скачать бесплатно: Программы, Книги, Софт, Видео уроки, Аудиокурсы, Видеокурсы, Статьи, Заработок в интернете, Оптимизация и Продвижение

Книга «Справочник CSS» Влад Мержевич

В дополнение к формату PDF сделана локальная версия справочника CSS в формате CHM.

Автор: Влад Мержевич
Год: 2011
Формат: CHM
Размер: 2.55 Мб (в распакованном виде)

Это популярный формат справки для операционной системы Windows, который позволяет в одном файле хранить веб-страницы, изображения и скрипты.

Кроме того доступна удобная навигация, поиск и добавление отдельных страниц в Избранное.
Скачать бесплатно: [member]
================== Архив 1 файл размером 2.66 Mб
=================================

CSS справочник

Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.

Свойство Описание Введено в
@font-face Позволяет подключить к веб-страницам произвольные шрифты. CSS3
font Позволяет установить все свойства шрифта (font-family, font-size, font-style, font-variant, font-weight) за одно определение. CSS1
font-family Позволяет установить шрифт текста. CSS1
font-size Позволяет установить размер текста. CSS1
color Позволяет установить цвет текста. CSS1
text-shadow Позволяет привязать тень (или несколько теней) к тексту элемента. CSS3
text-decoration Позволяет оформить текст элемента. CSS1
text-align Позволяет определить горизонтальное выравнивание текста. CSS1
letter-spacing Позволяет определить расстояние между символами текста. CSS1
word-spacing Позволяет определить расстояние между словами текста. CSS1
line-height Позволяет установить высоту строк. CSS1
font-style Позволяет установить стиль шрифта элемента. CSS1
font-variant Позволяет отобразить текст элемента капителью. CSS1
font-weight Позволяет установить толщину шрифта. CSS1
text-overflow Позволяет указать как должен отображаться текст вышедший за пределы границ элемента. CSS3
vertical-align Позволяет установить вертикальное выравнивание текста. CSS1
text-transform Позволяет управлять регистром символов в тексте. CSS1
text-indent Позволяет установить величину отступа первого символа текста. CSS1
text-justify Позволяет установить алгоритм выравнивания для свойства «text-align:justify». CSS3
word-wrap Позволяет указать должны ли длинные слова, выходящие за пределы родительского элемента, разбиваться и переносится на новую строку или нет. CSS3
white-space Позволяет установить как должны оформляться пробелы в тексте элемента. CSS1
quotes Позволяет установить как должны оформляться кавычки вставленные тэгом . CSS1
direction Позволяет установить направление письма текста. CSS1

CSS свойства выравнивания

Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.

Свойство Описание Введено в
height Позволяет установить высоту элемента. CSS1
width Позволяет установить ширину элемента. CSS1
margin Позволяет установить величину всех внешних отступов за одно определение. CSS1
margin-top Позволяет установить величину внешнего отступа от верхней части элемента. CSS1
margin-right Позволяет установить величину внешнего отступа от правой части элемента. CSS1
margin-bottom Позволяет установить величину внешнего отступа от нижней части элемента. CSS1
margin-left Позволяет установить величину внешнего отступа от левой части элемента. CSS1
padding Позволяет установить величину всех внутреннего отступов за одно определение. CSS1
padding-top Позволяет установить величину внутреннего отступа от верхней части элемента. CSS1
padding-right Позволяет установить величину внутреннего отступа от правой части элемента. CSS1
padding-bottom Позволяет установить величину внутреннего отступа от нижней части элемента. CSS1
padding-left Позволяет установить величину внутреннего отступа от левой части элемента. CSS1
float Прижимает элемент к указанной стороне родительского элемента и заставляет последующие за ним элементы страницы «обтекать» его. CSS1
position Позволяет установить метод размещения элемента. CSS2
top Позволяет установить величину отступа от верхней стороны элемента. CSS2
right Позволяет установить величину отступа от правой стороны элемента. CSS2
bottom Позволяет установить величину отступа от нижней стороны элемента. CSS2
left Позволяет установить величину отступа от левой стороны элемента. CSS2
clear Позволяет «очистить» элемент от действия float. CSS2
max-height Позволяет определить максимальную высоту элемента. CSS2
max-width Позволяет определить максимальную ширину элемента. CSS2
min-height Позволяет определить минимальную высоту элемента. CSS2
min-width Позволяет определить минимальную ширину элемента. CSS2
z-index Позволяет установить порядок отображения элементов в случае их наложения друг на друга. CSS2
clip Позволяет обрезать элемент размещенный абсолютно. CSS2
column-count Позволяет разбить на указанное количество столбцов текст элемента. CSS3
column-gap Позволяет установить величину отступа между столбцами текста. CSS3
column-width Позволяет установить ширину столбцов. CSS3
column-rule Позволяет установить все свойства оформления разделителя для столбцов текста за одно определение. CSS3
column-rule-color Позволяет установить цвет разделителя. CSS3
column-rule-style Позволяет установить стиль разделителя. CSS3
column-rule-width Позволяет установить ширину разделителя. CSS3
column-span Позволяет установить на сколько столбцов должен растягиваться элемент. CSS3
box-align Позволяет установить способ выравнивания элементов потомков. CSS3
box-direction Позволяет установить направление отображения элементов потомков. CSS3
box-flex Позволяет установить должны ли элементы потомки быть гибкими в размерах или нет. CSS3
box-ordinal-group Позволяет установить порядок отображения элементов потомков. CSS3
box-orient Позволяет установить как должен быть ориентирован элемент. CSS3
box-pack Позволяет установить позицию элементов потомков в по горизонтали в горизонтально ориентированных элементах и позицию по вертикали в вертикально ориентированных элементах. CSS3

CSS свойства фона

Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.

Свойство Описание Введено в
background Позволяет установить все свойства фона за одно определение. CSS1
background-size Позволяет установить размер фонового изображения. CSS3
background-attachment Позволяет определить должна ли фоновая картинка быть закреплена или должна прокручиваться с остальным содержимым страницы. CSS1
background-color Позволяет установить цвет фона элемента. CSS1
background-image Позволяет установить фоновую картинку для элемента. CSS1
background-position Позволяет установить координаты местоположения фоновой картинки. CSS1
background-repeat Позволяет установить как должна повторятся фоновая картинка для того, чтобы заполнить фон элемента. CSS1
background-clip Позволяет указывать как должен обрезаться фон элемента. CSS3
background-origin Позволяет задать позицию, от которой будет отсчитываться местоположение фонового изображения. CSS3

CSS свойства границ

Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.

Свойство Описание Введено в
border Позволяет установить все свойства границ за одно определение. CSS1
border-color Позволяет определить цвет для всех границ элемента за одно определение. CSS1
border-style Позволяет определить стиль для всех границ элемента за одно определение. CSS1
border-width Позволяет установить ширину всех границ элемента за одно определение. CSS1
border-radius Позволяет определить форму всех углов элемента за одно определение. CSS3
border-bottom-left-radius Позволяет определить форму нижнего левого угла элемента. CSS3
border-bottom-right-radius Позволяет определить форму нижнего правого угла элемента. CSS3
border-top-left-radius Позволяет определить форму верхнего левого угла элемента. CSS3
border-top-right-radius Позволяет определить форму верхнего правого угла элемента. CSS3
border-image Позволяет использовать изображение в качестве границы элемента. CSS3
border-top Позволяет установить все свойства для верхней границы элемента за одно определение. CSS1
border-top-color Позволяет определить цвет верхней границы элемента. CSS1
border-top-style Позволяет определить стиль верхней границы элемента. CSS1
border-top-width Позволяет определить ширину верхней границы элемента. CSS1
border-left Позволяет установить все свойства для левой границы элемента за одно определение. CSS1
border-left-color Позволяет определить цвет левой границы элемента. CSS1
border-left-style Позволяет определить стиль левой границы элемента. CSS1
border-left-width Позволяет определить ширину левой границы элемента. CSS1
border-bottom Позволяет установить все свойства нижней границы за одно определение. CSS1
border-bottom-color Позволяет определить цвет нижней границы элемента. CSS1
border-bottom-style Позволяет определить стиль нижней границы элемента.
border-bottom-width Позволяет определить ширину нижней границы элемента. CSS1
border-right Позволяет установить все свойства для правой границы элемента за одно определение. CSS1
border-right-color Позволяет определить цвет правой границы элемента. CSS1
border-right-style Позволяет определить стиль правой границы элемента. CSS1
border-rigth-width Позволяет определить ширину правой границы элемента. CSS1
outline Позволяет установить все свойства внешней границы за одно определение. CSS2
outline-color Позволяет определить цвет внешней границы элемента. CSS2
outline-style Позволяет определить стиль внешней границы элемента. CSS2
outline-width Позволяет определить ширину внешней границы элемента. CSS2
outline-offset Позволяет установить величину смещения внешней границы от границы элемента. CSS3

CSS свойства переходов и анимации

Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.

Свойство Описание Введено в
@keyframes Блок для определения анимации. CSS3
animation Позволяет установить все свойства анимации (кроме animation-play-state) за одно определение. CSS3
animation-name Позволяет установить имя анимации. CSS3
animation-duration Позволяет указать время выполнения анимации в секундах. CSS3
animation-timing-function Позволяет указать функцию смягчения отвечающую за плавность выполнения анимации. CSS3
animation-delay Позволяет установить величину задержки перед началом выполнения анимации. CSS3
animation-iteration-count Позволяет установить количество повторов анимации. CSS3
animation-direction Позволяет указать должна ли анимация выполняться в обратном порядке или нет. CSS3
animation-play-state Позволяет указать должна ли анимация выполняться или быть остановлена. CSS3
transition Позволяет задать все свойства переходов за одно определение. CSS3
transition-property Позволяет указать CSS свойства, которые будут задействованы для создания перехода. CSS3
transition-duration Позволяет указать время, в течении которого будет совершен переход. CSS3
transition-timing-function Позволяет указать функцию смягчения отвечающую за плавность выполнения перехода. CSS3
transition-delay Позволяет установить величину задержки перед началом выполнения перехода. CSS3

CSS свойства таблиц и списков

Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.

Свойство Описание Введено в
list-style Позволяет определить все свойства списков за одно определение. CSS1
list-style-image Позволяет установить произвольную картинку вместо маркера списка. CSS1
list-style-position Позволяет определить где должен отображаться маркер списка. CSS1
list-style-type Позволяет определить вид маркера списка. CSS1
border-collapse Позволяет установить должны ли границы таблицы и ячеек соединится. CSS2
border-spacing Позволяет установить расстояние между границами смежных ячеек. CSS2
caption-side Позволяет установить место расположения табличного заголовка. CSS2
empty-cells Позволяет установить как должны отображаться пустые табличные ячейки. CSS2

CSS остальные свойства

Для того, чтобы узнать о желаемом свойстве больше и посмотреть пример с его использованием щелкните на его названии.

Справочник CSS в формате CHM

В дополнение к формату PDF сделана локальная версия справочника CSS в формате CHM. Это популярный формат справки для операционной системы Windows, который позволяет в одном файле хранить веб-страницы, изображения и скрипты. Кроме того доступна удобная навигация, поиск и добавление отдельных страниц в Избранное.

Выглядит это все наглядно и красиво. Подсветка синтаксиса в примерах имеется.

Стоимость 35 рублей. Цена смешная, сам бы взял, но у меня уже есть.

Илон Маск рекомендует:  Что такое код swfmovie &#62;streammp3
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL