Изменение текста в HTML средствами CSS

Новости

Инвентарь

HTML и CSS XSLT JavaScript Изображения Софт Etc

Для просмотра этого примера необходим IE.

	Задача.	Эмулировать CSS-свойство `content` в IE.

Используем встроенную в IE инструкцию expression.

Как это выглядит в браузере

пункт^®
— в этом пункте уже было тире
но вот в таком случае — будет проблема

<style type="text/css">
    ul.example { margin: 0.5em 0; padding: 0 0 0 2em; }
    ul.example li
    {
        margin: 0.5em 0; padding: 0 0 0 20px;
        list-style-type: none;
        behavior: expression( !this.before
            ? this.before = this.innerHTML = '&mdash;&nbsp;' + this.innerHTML : '' );
        text-indent: -1.24em;
    }
    ul.example li:before { content: '\2014\a0'; }
</style>
<ul class="example">
    <li>пункт<sup>&reg;</sup></li>
    <li> &mdash; в&nbsp;этом пункте уже было тире</li>
    <li><p>но вот в&nbsp;таком случае&nbsp;&mdash; будет проблема</p></li>
</ul>

Поделиться ссылочкой:

Электропочта:
Телефон: (+7 495) 926-18-00

Изменение текста в HTML средствами CSS 14 октября 2005

Как это выглядит в браузере