Главная » Записи с тегом "свойства"

Рубрики с меткой ‘свойства’

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

Свойства текста применяются практически ко всем элементам CSS, которые могут включать в себя или описывать текст, правда, с учетом некоторых ограничений в каждом отдельном случае, Свойство text-align запоминает расположение текста относительно границ рабочего окна броузера или ячейки таблицы, иными словами — отвечает за выравнивание текстового блока. Соответственно, оно применяется совместно с так называемыми блоковыми элементами, то есть элементами, поддерживающими отображение текстовых массивов: Р., Н1-Н6, TD, TR и некоторыми другими.Можно использовать одно из четырех значений данного свойства: left — выравнивание по левой границе экрана или ячейки таблицы, right — по правой границе, center — выравнивание по центру и justify — растягивание текста по все ширине экрана или табличной ячейки,
Пример: Читать далее »

Списки a la MS Word

Некоторое время назад Kukutz интересовался у меня, как с помощью HTML/CSS можно верстать многоуровневые нумерованные списки «как в ворде». В тот момент мне в голову пришел только извратный вариант использования list-style-image или background-image, где нумерация типа «1.3.» задавалась бы графикой. Дурацкая идея, конечно.

Читать далее »

Таблицы и границы

Сколько бы ни хвалились производители суперплоских мониторов, всегда есть сила, действующая в обратном направлении: это программисты, которые никак не могут примирится с двумерностью экрана и на каждом шагу скандируют: «даёшь 3D!».
Читать далее »

Избавляемся от cellpadding и cellspacing

Все правильные мальчики и девочки уже давно не пишут <table cellpadding=»0″ cellspacing=»0″ border=»0″>. Они знают, что лучше один раз написать стиль:

Читать далее »

Безразмерная высота строки

Свойство line-height может принимать числовые значения без указания единицы измерения (px, em, %). Можно задать значение в одной из допустимых единиц измерения, но лучше этого не делать. Безразмерные значения более удачны для этого свойства CSS.

Так в чем же различия? Когда вы определяете значения в каких-либо единицах, например, в em, то эти значения наследуются всеми потомками элемента, к которому это правило применено. Например, для следующих разметки и стилей: Читать далее »

Поддержка CSS3 в Internet Explorer 9 beta

Если вы также как и я следите за разработкой Internet Explorer 9, то становится заметным, что IE догоняет остальные браузеры.

Перестанет ли IE быть постоянно отстающим браузером? Или Microsoft сделает все, чтобы догнать остальных производителей? Это мы увидим в ближайшем будущем.

Ниже представлены таблицы поддержки IE9 свойств и возможностей CSS3. Большей частью информация взята с MSDN.

Поддержка свойств CSS3 в IE9 beta Читать далее »

Порядок свойств CSS3 имеет значение

При указании свойств CSS3 современная мудрость гласит: «ставь реальное свойство CSS3 после всех браузерозависимых свойств»:

1 .not-a-square {
2 -webkit-border-radius: 10px
3 moz-border-radius: 10px;
4 border-radius: 10px;
5 }

Существует также другой «неправильный способ»: Читать далее »

Новый CSS3 Тестер

Новый проект от Лиа Веру. Простой, но в то же время интересный CSS3 Тестер. Интересен тем, что фокусирует своё внимание чисто на CSS3, группируя все свойства по модулям и тестируя их значения.

Этот проект был начат, как попытка улучшить dabblet и подготовить данные для новой главы, книги, которую очаровательная Лиа пишет для Smashing Book #3.

Источник:  css-live.ru

Новые CSS-значения для позиционирования

В последнем рабочем черновике CSS3 Positioned Layout Module появились новые значения для свойства position. Значение center должно центрировать элемент в рамках родителя, а значение page равносильно значению absolute, только не зависит от возможного контекста родителя.

Источник:  css-live.ru