CSS - вставки перед и после блока

kruzer25

Есть некий блок текста, допустим, span - хочется, чтобы для этого span'а, если у него class=xxx, перед ним была буква A, а после - буква Б (конечно, чтобы не вручную перед и после всех этих блоков это распихивать).
Возможно ли это?
В принципе, подойдёт даже вариант "сделать у span-а left-padding и right-padding нужной ширины и фоновую картинку с буквой А слева, без повторения, а с буквой Б - справа, без повторения" - вот только как сделать два фона?

artimon

http://www.w3.org/TR/CSS21/selector.html#before-and-after

kruzer25

Спасибо!
А какими браузерами это поддерживается?

p.special:before {content: "Special! "}
p.special:first-letter {color: #ffd800}

ИЕ7 показал "золотым" первую букву содержимого <p class=special>, но не вывел "Special! "
Опера8 вывела "Special! ", но не показала ни одну из букв золотом (хотя мне это, в общем-то, и не надо)...

kruzer25

Угу, в MSDN эти "псевдо-классы" не упомянуты...

artimon

Как несложно догадаться, всеми современными, кроме IE.

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