Home / Questions / 193649
Accepted
zerokira
Asked: 2020-09-04 08:55:39 +0800 CST 2020-09-04 08:55:39 +0800 CST

Как поставить первую букву ЗАГЛАВНЫМИ буквами с помощью CSS

  • 772

Я пытаюсь поместить текст, набранный ЗАГЛАВНЫМИ буквами, с первой буквой mayúsculaи остальными minúsculas, текст не может быть изменен с помощью jsили с помощью html.

Есть ли способ CSSсделать это возможным?

.let p {
    text-transform: lowercase;
}
<div class="let">
    <p>ESTO ES UNA INFORMACION QUE NECESITO QUE SEA LA PRIMERA LETRA MAYUSCULA Y LAS OTRAS MINUSCULAS</p>
</div>

html

6 Answers

  1. Best Answer

    Вы должны ввести текст в нижнем регистре, а затем сделать первую букву заглавной, используя следующий селектор CSS: :first-letter.

    Пребывание следующим образом:

    .let p {
    text-transform: lowercase;
}

.let p:first-letter {
    text-transform: uppercase;
}
    <div class="let">
    <p>ESTO ES UNA INFORMACION QUE NECESITO QUE SEA LA PRIMERA LETRA MAYUSCULA Y LAS OTRAS MINUSCULAS</p>
</div>

    • 9

  2. Сначала вы переводите весь абзац в нижний регистр .

    .let p {
text-transform: lowercase;
}

    Затем вы применяете верхний регистр только к первой букве.

    .let p::first-letter {
    text-transform: uppercase;
}
    • 5 

  3. .let p:first-letter {
    text-transform: uppercase;
}

.let p:not(first-letter) {
    text-transform: lowercase;
}
    <div class="let">
    <p>ESTO ES UNA INFORMACION QUE NECESITO QUE SEA LA PRIMERA LETRA MAYUSCULA Y LAS OTRAS MINUSCULAS</p>
</div

    • 1

  4. нижний регистр : отображает весь текст элемента строчными буквами.

    uppercase : отображает весь текст элемента заглавными буквами.

    капитализация : отображает первую букву каждого слова в верхнем регистре, а все остальные буквы в нижнем регистре.

    none : Отображает текст в том виде, в котором он был введен, соблюдая все прописные и строчные буквы.

    • 0

  5. Вы можете сделать этикетку

    возьмите элемент с псевдоэлементами, я также могу порекомендовать вам посетить сайт www.w3schools.com, где вы найдете все примеры веб-страниц, которые могут вам понадобиться. Вот 2 примера для тега

    :

    p::first-letter {
    color: #ff0000;
    font-size: xx-large;
}

p::first-line {
    color: #0000ff;
    font-variant: small-caps;
}

    • 0 
  6. text-transform: capitalize !important;
    • 0