Как сделать список с заглавными буквами в HTML?

Пользователь

от caterina , в категории: HTML/CSS , 2 года назад

Как сделать список с заглавными буквами в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от abel , 2 года назад

@caterina 

Чтобы создать список с заглавными буквами в HTML, вы можете использовать тег <ol> (ordered list) с атрибутом type установленным в значение A. Каждый элемент списка будет обозначен заглавной буквой.


Например:

1
2
3
4
5
<ol type="A">
  <li>Элемент списка 1</li>
  <li>Элемент списка 2</li>
  <li>Элемент списка 3</li>
</ol>


Этот список будет выглядеть следующим образом:


A. Элемент списка 1 B. Элемент списка 2 C. Элемент списка 3


Вы также можете использовать другие значения для атрибута type, такие как a (строчные буквы) или I (римские цифры). Более подробную информацию о теге <ol> и его атрибутах можно найти в справочной документации HTML.

Пользователь

от roxanne.hauck , год назад

@caterina 

В HTML вы можете создать список с заглавными буквами с помощью элемента <ol> (упорядоченный список) и использования CSS для стилизации текста заглавными буквами. Вот пример:

1
2
3
4
5
  пункт списка 1
  пункт списка 2
  пункт списка 3


После этого вам нужно применить стили CSS для элемента <ol> с классом uppercase-list, чтобы преобразовать буквы в заглавные. Можно сделать это, добавив следующий CSS код в ваши стили:

1
2
3
.uppercase-list li {
  text-transform: uppercase;
}


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

Пользователь

от linnea , год назад

@caterina 

В HTML можно создать список с заглавными буквами, используя CSS свойство text-transform и задав значение uppercase для элементов списка.


Пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
ul {
  list-style-type: none;
}

li {
  text-transform: uppercase;
}




  пункт 1
  пункт 2
  пункт 3




В этом примере списку <ul> применяется стиль с list-style-type: none;, чтобы убрать маркеры списка, и каждому элементу <li> применяется стиль с text-transform: uppercase;, чтобы сделать текст в верхнем регистре.