Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 28.10.2015, 17:27   #1
Stilet
Белик Виталий :)
Старожил
 
Аватар для Stilet
 
Регистрация: 23.07.2007
Сообщений: 57,792
По умолчанию [РЕШЕНО]: CSS. Окантовка символами.

Всем доброго. Стало вдруг интересно, можно ли в CSS настроить стиль окантовки тега <span> таким образом, чтоб по границе тега (конкретно: слева и справа) стиль рисовал не линию в качестве границы, а некий задаваемый мной символ типа &#9660?

Что я делаю?
Вот такие вот роллы:
Цитата:
▲7 файлов▲
и
Цитата:
▼7 файлов▼
соответственно.
пока что код у меня такой:
Код:
<span>&#9660</span><span>7 файлов</span><span>&#9660</span>
мне он не нравится., хотелось бы задать для span стиль, чтоб он по границе сам рисовал символ стрелочки.

Так можно?

Решение в следующем сообщении
I'm learning to live...

Последний раз редактировалось Вадим Мошев; 15.05.2018 в 16:30.
Stilet вне форума Ответить с цитированием
Старый 28.10.2015, 18:07   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

псевдоэлементы before и after, символы пиши в content
Код:
.wrapped_span::before {
  content: '▼';
}

п.с. для поддержки ИЕ8 ставь одно двоеточие.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 28.10.2015, 19:09   #3
Stilet
Белик Виталий :)
Старожил
 
Аватар для Stilet
 
Регистрация: 23.07.2007
Сообщений: 57,792
По умолчанию

О! Класс. То что нужно, спс.
I'm learning to live...
Stilet вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Работа с символами Zurs Помощь студентам 5 10.12.2014 16:45
HTML, CSS - Управление CSS анимацией HTML+CSS+JS dobryc HTML и CSS 1 18.11.2014 05:58
Проблема с CSS (CSS Slider) m0rt HTML и CSS 4 28.01.2013 14:53
задача с символами с++ kate311893 Помощь студентам 6 19.09.2010 20:11