Тег определяет подстрочный текст. Подстрочный текст имеет высоту в два раза меньше и появляется под базовой линией. Подстрочный текст может использоваться при написании химических формул, например H 2 O.
Тег определяет надстрочный текст. Надстрочный текст имеет высоту в два раза меньше и появляется над базовой линией. Надстрочный текст может использоваться при написании сносок, например WWW .
Поддержка БраузерамиТеги и поддерживаются всеми основными браузерами.
Различия Между HTML и XHTML Стандартные АтрибутыСтолбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.
Теги и поддерживают следующие стандартные атрибуты:
| class | имя_класса | Указывает имя класса для элемента | STF |
| dir | rtl ltr |
Указывает направление текста для содержимого в элементе | STF |
| id | идентификатор | Указывает уникальный идентификатор для элемента | STF |
| lang | код_языка | Указывает код языка для содержимого элемента | STF |
| style | определение_стиля | Указывает встроенный стиль для элемента | STF |
| title | текст | Указывает дополнительную информацию об элементе | STF |
| xml:lang | код_языка | Определяет код языка для содержимого элемента в XHTML документах | STF |
Дополнительная информация о Стандартных Атрибутах .
Атрибуты СобытийТеги и поддерживают следующие атрибуты событий:
| onclick | скрипт | Скрипт, запускаемый при клике мышью | STF |
| ondblclick | скрипт | Скрипт, запускаемый при двойном щелчке мышью | STF |
| onmousedown | скрипт | Скрипт, запускаемый при нажатии кнопки мыши | STF |
| onmousemove | скрипт | Скрипт, запускаемый при перемещении указателя мыши | STF |
| onmouseout | скрипт | Скрипт, запускаемый, когда указатель мыши уходит за пределы элемента | STF |
| onmouseover | скрипт | Скрипт, запускаемый, когда указатель мыши перемещается над элементом | STF |
| onmouseup | скрипт | Скрипт, запускаемый при отпускании кнопки мыши | STF |
| onkeydown | скрипт | Скрипт, запускаемый при нажатии клавиши | STF |
| onkeypress | скрипт | Скрипт, запускаемый, когда клавиша нажата, а затем отпущена | STF |
| onkeyup | скрипт | Скрипт, запускаемый, когда клавиша отпущена | STF |
Дополнительная информация об
Преобразование строчной буквы в нижний регистр и первый верхний регистр с использованием CSS (8)
В CSS нет опции кеп-предложений. Другие ответы, предлагающие text-transform: capitalize , неверны, поскольку этот параметр использует каждое слово для каждого слова .
Вот грубый способ сделать это, если вы хотите, чтобы первая буква каждого элемента была в верхнем регистре, но это определенно нигде рядом с фактическими ограничениями:
P { text-transform: lowercase; } p:first-letter { text-transform: uppercase; }
THIS IS AN EXAMPLE SENTENCE.
THIS IS ANOTHER EXAMPLE SENTENCE. AND THIS IS ANOTHER, BUT IT WILL BE ENTIRELY LOWERCASE.
Как преобразовать букву UPPERCASE в нижний регистр и первую букву Uppercase для каждого предложения, как показано ниже, только с помощью CSS?
От: ЭТО ПРИМЕР ПРИЛОЖЕНИЯ.
To: Это примерное предложение.
Обновление: когда я использую text-transform: capize; Результат все тот же.
Вы не можете сделать это исключительно с помощью CSS. Существует атрибут text-transform , но он принимает только none , capitalize uppercase , uppercase , lowercase и inherit .
Возможно, вам захочется заглянуть в решение JS или на серверное решение.
Если вы можете сделать все символы строчными буквами на сервере, чем вы можете применить:
Text-transform: capitalize
Я не думаю, что текстовое преобразование будет работать с заглавными буквами в качестве ввода.
Если вы хотите использовать для это не сработает, для или текстовой области вам нужно использовать Javascript
function capitaliseName() { var str = document.getElementById("name").value; document.getElementById("name").value = str.charAt(0).toUpperCase() + str.slice(1); }
который должен хорошо работать для или
Здравствуйте. Иногда при создании веб-страничек необходимо некоторым словам задать с помощью css верхний регистр или надстрочное положение. Давайте посмотрим, как это делается.
Верхний и нижний регистр с помощью cssВообще и сегодня можно нужный текст заключить в теги и получить нужное отображение, но давайте также посмотрим, как это можно сделать с помощью css, потому что техника немного отличается.
Например, надо написать формулу H 2 O в html-документе. Это делается так:
- Пишется сама формула
- Те слова и цифры, которые нужно вывести в верхнем или нижнем индексе заключают в тег span, которому нужно прописать какой-нибудь класс. Например: символы, которые нужно вывести
- В css нужно задать этому элементу:
Top-index{
Vertical-align: super;
}
Это свойство отвечает за вертикальное выравнивание текста. Его значение super определяет, что текст выведется в верхнем индексе. Но размер шрифта остался таким же, как и у обычного текста. Чтобы все выглядело более красиво, нужно также задать размер шрифта чуть меньше с помощью свойства font-size .
Вот так вот просто работает свойство. Соответственно, для вывода в нижнем индексе нужно написать так:
Top-index{
Vertical-align: sub;
}
Отличие от аналогичных html-тегов в том, что эти правила не меняют размер шрифта, поэтому если вам нужно это сделать, то придется прописать новый размер в таблице стилей.
Это все, что вам нужно знать о верхнем и нижнем индексе в css. Никаких дополнительных возможностей свойство не дает, да и они не нужны. При желании вы можете как-то по особенному оформить этот текст, но это редко бывает необходимо.
Где может пригодитьсяНадстрочный и подстрочный текст может применяться при написании формул, добавления примечаний и пометок к статьям. Например, на Википедии к каждой статье приводятся источники и примечания. По ходу статьи они расставляются в виде небольших надстрочных пометок. Это не раздражает читателей и в то же время позволяет придать статьям нужный вид.
Свойство полностью кроссбраузерно и поддерживается во всех версиях CSS.
CSS позволяет производить гибкую настройку текста, который представлен с помощью языка HMTL. Сегодня мы рассмотрим действие свойства «text-transform», дающего возможность менять регистр шрифта. Данная опция поддерживается всеми современными браузерами и входит в спецификацию всех версий CSS.
Назначение
Свойство «text-transform» может принимать три основных значения и два добавочных. К примеру, можно назначить верхний регистр ко всему выделенному тексту. Либо можно дать команду противоположному предыдущему свойству, где все символы становятся строчными. Производить назначение можно с помощью любого удобного для вас метода. Например, с использованием встроенных стилей. Или вы можете создать
Отдельный файл с описанием всех свойств. Какой использовать способ присвоения, решать только вам. «Text-transform» может принимать следующие значения:
- Uppercase. Делает все выделенные символы заглавными. В CSS uppercase встречается часто, так как это значение помогает решить многие сложные задачи, связанные с текстом.
- Lowercase. Данное свойство полностью противоположно команде uppercase.
- Capitalize. Меняет регистр первой буквы на верхний. Остальные символы не будут изменяться.
- None. Позволяет отменить все назначенные значения (необходимо для предопределения свойства). Как правило, данное значение устанавливается по умолчанию.
- Inherit. Наследует все свойства у родительского элемента. Следует заметить, что IE не поддерживает этой свойство.
Применение
С использованием CSS верхний регистр (или подобные эффекты) устанавливается с помощью одной простой команды. Поэтому нет необходимости изменять или переписывать весь текст. Если речь идет об одностраничном сайте, то данное свойство, возможно, и не пригодится. Но когда под вашим управлением находится огромный портал, где нужно исправить регистр букв в определенных фрагментах, то «text-transform» становится единственным эффективным средством. Например, нужно исправить шрифт в заголовочных тегах «h2». Для этого нужно добавить запись: «h2 { text-transform: uppercase; }», и тогда все заголовки второго уровня будут иметь верхний регистр.
Особенности
Некоторые, возможно, считают, что ручная обработка текста и изменение шрифта с помощью свойства «text-transform» не имеет никаких различий. Но это не так. Если вы поменяете вручную на прописные (верхний регистр), то при копировании этой информации с вашего сайта символы так и останутся без изменений. Если использовать язык CSS, то все происходит по-другому. Свойство «text-transform» лишь зрительно для пользователей меняет шрифт. Но в действительности символы остаются неизменными. Это происходит со всеми значениями данного свойства. Скопированная информация (текст) будет иметь первоначальный регистр, какой используется в исходном коде страницы. В этом и заключается единственное различие между ручной обработкой и использованием CSS-команд.
Неважно, какой вы хотите использовать - нижний или верхний регистр, главное, не забывать предназначение. Например, если изменения нужны вам только с декоративной целью, то можете спокойно применять свойство «text-transform». Ну а если вы знаете, что ваши пользователи наверняка будут копировать выложенную вами информацию, то лучше всего вручную изменять регистр всего текста. Ведь иногда читатели не замечают такой подмены шрифта. Это особенно критично, когда речь идет о важных документах и подобной информации.