Это не возможно с помощью CSS.
Вы можете использовать Javascript для проверки всех символов в тексте для прописных букв (например, с помощью if (yourtext == yourtext.toUpperCase())
), а затем оберните вокруг них <span>
, содержащий ваш CSS, чтобы их стиль.
Или что-то вокруг этих линий: (? Может быть, кто-то есть время, чтобы создать jsfiddle с этим)
function wrapCaps() {
var text = document.getElementById("my_text").value;
for(i=0; i < text.length; i++) {
if(text[i].charCodeAt(text[i]) >= 65 && text[i].charCodeAt(text[i]) <= 90)
wrapNode(text[i], 'span');
}
}
Я не пробовал это, возможно, придется использовать replaceNode
или что-то подобное. Метод charCodeAt
просто ищет заглавные буквы, обратите внимание, что никакие символы Юникода, такие как специальные греческие заглавные буквы, не будут включены.
Теперь вам нужно только укладывать срок что-то вроде:
#my_text span {
font-size: 10px;
}
Мне нравится хаки, но не JQuery и не Javascript, чтобы исправить вещи в стиле. Подготовка к PHP - хорошая идея. Хорошо, что я использую PHP :) – Rudie