Clik here to view.
ИКФ: высота строки, часть 2 (4-я публикация цикла «Тайны CSS2.1″)
line-height С помощью текста мы можем регулировать высоту строки только благодаря размерам шрифта, но что делать, если мы хотим задать высоту строки принудительно? Вот тут я должен ввести в игру...
View ArticleClik here to view.
ИКФ: высота строки, часть 3 (5-я публикация цикла «Тайны CSS2.1″)
line-height для инлайн-элементов Элементы с display:inline, как мы уже знаем, создают инлайновые боксы. В главном они ведут себя так же, как обычный текст, но могут иметь собственный фон, границы и...
View ArticleClik here to view.
ИКФ: высота строки, часть 4 (6-я публикация цикла «Тайны CSS2.1″)
line-height для инлайн-блоков и инлайн-таблиц Несмотря на то, что инлайн-блоки (inline-block), так же как и инлайн-таблицы (inline-table) входят в инлайновое форматирование строк, они имеют свои...
View ArticleClik here to view.
ИКФ: высота строки, часть 5 (7-я публикация цикла «Тайны CSS2.1″)
В комментариях (1, 2) к предыдущей публикации нашего цикла внимательные читатели указали, что не все браузеры одинаково (по спецификации) определяют базовую линию для инлайн-блоков и инлайн-таблиц....
View ArticleClik here to view.
ИКФ: Вертикальное выравнивание в строке, часть 1 (8-я публикация цикла “Тайны...
В прошлых статьях мы узнали, что такое базовая линия и высота строки (line-height), но на этом история далеко не закончена. Помимо базовой линии есть и другие части лайн-бокса, по которым может...
View ArticleClik here to view.
ИКФ: Вертикальное выравнивание в строке, часть 2 (9-я публикация цикла “Тайны...
top и bottom Если с вышеупомянутыми значениями было всё достаточно прозрачно, то с top и bottom не всё так просто. У этих значений есть особая черта, которой нет ни у одного другого значения...
View ArticleClik here to view.
ИКФ: Вертикальное выравнивание в строке, часть 3 (10-я публикация цикла...
vertical-align + line-height Если вы внимательно читали предыдущие статьи, то уже наверняка поняли, как по отдельности работают vertical-align и line-height. Но как эти свойства взаимодействуют между...
View ArticleClik here to view.
ИКФ: Горизонтальное выравнивание, часть 1 (11-я публикация цикла “Тайны CSS2.1″)
Итак, мы наконец-то подобрались к завершающей части рассказа про строчное форматирование. Мы уже отлично понимаем, как работает вертикальное выравнивание и от чего зависит высота строки, но для полного...
View ArticleClik here to view.
ИКФ: Горизонтальное выравнивание, часть 2 (12-я публикация цикла “Тайны CSS2.1″)
Горизонтальное выравнивание по ширине строки Сдвиги междусимвольных или межсловных горизонтальных координат полезны в основном там, где необходимо поработать над красотой текста или отдельных символов....
View ArticleClik here to view.
ИКФ: Горизонтальное выравнивание, часть 3 (13-я публикация цикла “Тайны CSS2.1″)
text-align и новые значения из CSS3 До этого момента мы обсуждали значения text-align, которые, во-первых, принадлежат спецификации CSS2.1, а во-вторых, уже давно существуют и работают во всех...
View ArticleClik here to view.
Введение в инлайновый контекст форматирования (ИКФ): основные понятия (1-я...
В основе этой статьи лежит перепевка спецификации CSS 2.1 по телефону Рабиновичем SelenIT-ом. Если что-то вышло криво — я не виноват, это всё он. Конструктивная критика и предложения по улучшению...
View ArticleClik here to view.
Введение в инлайновый контекст форматирования (ИКФ): основные понятия (2-я...
Поля, отступы и границы в инлайновом форматировании В блочном контексте форматирования поля (margin), отступы (padding) и границы (border) могут оказывать влияние на любые координаты и расположение...
View ArticleClik here to view.
ИКФ: высота строки, часть 1 (3-я публикация цикла «Тайны CSS2.1»)
В прошлых статьях мы проделали неплохую работу, разобрав то, как в целом создаются строки и как происходит их построение. Но на таком рубеже не следует останавливаться, потому что это далеко не конец,...
View Article
