четверг, 5 апреля 2012 г.

CSS. Ненумерованный (bullit) список с маркерами-символами

Способ задать, к примеру, в списке в качестве маркера, такое длинное, смачное тире "—" не просто, ну в смысле, просто, но не так как этого хотелось бы. Внизу представлены CSS правила для этого хитрого дела. Разбирать не буду, что для чего, кому что-то не понятно — в комменты, пожалуйста. Я отвечу.
ul.bullit-dash li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    behavior: expression( !this.before
    ? this.before = this.innerHTML = '— ' + this.innerHTML : '' );
    text-indent: -1.24em;
}

ul.bullit-dash li:before {
    content: '\2014\a0';
}

Комментариев нет:

Отправить комментарий