Главная » Статьи и переводы

CSS-константы: первые тесты уже на ваших экранах

24 Июнь 2008 просмотров 1,680 комментариев 5


Несколько дней назад Daniel Glazman опубликовал на своем блоге новость о том,  что он вместе с David Hyatt успешно реализовали идею о CSS-константах (статья в моем блоге). Уже сегодня каждый может увидеть CSS-константы в действии. Для этого нужно установить свежую версию WebKit Nightly Builds.

Собственно, вот мой маленький тест: стили блока div я задала константами.

css variables

 Спонсор статьи: Маленькая детская мебель подростковая, заказ дешевой кухни по каталогу.
Хотите стать спонсором?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<style>
@-webkit-variables {
fontcolor: red;
background: yellow;
div_width: 20em;
div_height: 3em;
align: center;
}
div {
color: -webkit-var(fontcolor);
background-color: -webkit-var(background);
width: -webkit-var(div_width);
height: -webkit-var(div_height);
line-height: -webkit-var(div_height);
text-align: -webkit-var(align);
}
</style>
</head>
<body>
<div>Вы видите красный текст на желтом фоне</div>
</body>
</html>

Радует, что разработчики идею свою не бросили и теперь уж точно доведут дело до финиша. Но когда этим смогут воспользоваться вебмастера – неизвестно… Да и код выглядит пока довольно громоздко, но уже хоть что-то :)

Интересно, будет ли реализована возможность использовать не только константы, но и переменные, вида:

@-webkit-variables {
div1_height: auto;
div2_height: 100px;
div2_width: div1_height - div2_height; }

Вот это было бы просто великолепным решением множества проблем в процессе верстки.

Комментариев 5 »

Комментарии

Добавьте ваш комментарий, или трекбэк с сайта. Вы также можете подписаться на комментарии к этой статье через RSS.

Вы можете использовать теги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Чтобы получить аватарку, зарегистрируйтесь на Gravatar.