Інтернет Windows Android

Надрядковий тег. Робимо в css верхній регістр

HTML Теги і - Дослівний і Надрядковий Текст

Визначення та Використання

тег визначає підрядковий текст. Підрядковий текст має висоту в два рази менше і з'являється під базовою лінією. Підрядковий текст може використовуватися при написанні хімічних формул, наприклад H 2 O.

тег визначає надрядковий текст. Надрядковий текст має висоту в два рази менше і з'являється над базовою лінією. Надрядковий текст може використовуватися при написанні виносок, наприклад WWW.

підтримка браузера

Теги і підтримуються всіма основними браузерами.

Відмінності Між HTML і XHTML

стандартні Атрибути

стовпець DTD вказує, в якому типі документа HTML 4.01 / XHTML 1.0 DTD атрибут дозволений. S \u003d Strict, T \u003d Transitional і F \u003d Frameset.

Теги і підтримують такі стандартні атрибути:

Атрибут значення опис DTD
class ім'я_класу Вказує ім'я класу для елемента STF
dir rtl
ltr
Вказує напрямок тексту для вмісту в елементі STF
id ідентифікатор Вказує унікальний ідентифікатор для елемента STF
lang код_язика Вказує код мови для вмісту елемента STF
style определеніе_стіля Вказує вбудований стиль для елемента STF
title текст Вказує додаткову інформацію про елемент STF
xml: lang код_язика Визначає код мови для вмісту елемента в XHTML документах STF

Додаткова інформація про Стандартних атрибутах.

атрибути Подій

Теги і підтримують такі атрибути подій:

Атрибут значення опис DTD
onclick скрипт Скрипт, що запускається при кліці мишею STF
ondblclick скрипт Скрипт, що запускається при подвійному натисканні мишею STF
onmousedown скрипт Скрипт, що запускається при натисканні кнопки миші STF
onmousemove скрипт Скрипт, що запускається при переміщенні покажчика миші STF
onmouseout скрипт Скрипт, що запускається, коли курсор миші йде за межі елемента STF
onmouseover скрипт Скрипт, що запускається, коли покажчик миші переміщається над елементом STF
onmouseup скрипт Скрипт, що запускається при відпуску кнопки миші STF
onkeydown скрипт Скрипт, що запускається при натисканні клавіші STF
onkeypress скрипт Скрипт, що запускається, коли клавіша натиснута, а потім відпущена STF
onkeyup скрипт Скрипт, що запускається, коли клавіша відпущена STF

Додаткова інформація про

Індексом по відношенню до тексту називається зміщення символів щодо базової лінії вгору або вниз. Залежно від позитивного або негативного значення зсуву, індекс називається, відповідно, верхнім або нижнім. Вони активно застосовуються в математиці, фізиці, хімії і для позначення одиниць виміру. HTML пропонує два елементи для створення індексу: (Від англ. Superscript) - верхній індекс і (Від англ. Subscript) - нижній індекс. Текст, поміщений в один з цих контейнерів, позначається меншим розміром, ніж базовий текст, і зміщується щодо нього вгору або вниз. У прикладі 1 наведено спільне використання зазначених елементів і стилів для зміни вигляду тексту.

Приклад 1. Створення верхнього і нижнього індексу

Верхній і нижній індекс

Характеристичне рівняння поверхні другого ступеня

λ 3 - I 1λ 2 + I 2λ - I 3 = 0



У прикладі одночасно зустрічається як нижній, так і верхній індекс. Для зміни зображення шрифту індексу застосовуються стилі, які задають єдине оформлення (рис. 1).

Мал. 1. Вид індексів після застосування стилів

Можна взагалі відмовитися від використання і на користь стилів. Аналогом цих елементів служить властивість vertical-align, що змушує текст зміщуватися по вертикалі на задану відстань. Зокрема, в прикладі 2 в якості значення застосовується 0.8em для верхнього індексу і -0.5em для нижнього. Em - це відносна одиниця, що дорівнює розміру поточного шрифту. Наприклад, 0.5em говорить про те, що текст треба зрушити на половину розміру шрифту.

Приклад 2. Використання стилів для управління індексами

Верхній і нижній індекс

многочлен ступеня n

f (x) \u003d a 0 + a 1 x + ... + a n-1 x n-1 + a n x n



У прикладі сама формула виводиться збільшеним розміром, символи верхнього індексу встановлюються червоним кольором, а нижні - синім (рис. 2).



Перетворення малої літери в нижній регістр і перший верхній регістр з використанням 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

який повинен добре працювати для або