Свойства текста применяются практически ко всем элементам 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. Большей частью информация взята с
Поддержка свойств 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 Тестер
Этот проект был начат, как попытка улучшить
Источник: css-live.ru
Новые CSS-значения для позиционирования
В последнем рабочем черновике CSS3 Positioned Layout Module появились новые значения для свойства position. Значение center должно центрировать элемент в рамках родителя, а значение page равносильно значению absolute, только не зависит от возможного контекста родителя.
Источник: css-live.ru