Как изменить вид маркера списка. Как изменить маркер списка CSS. Ключевые параметры настройки многоуровневого списка

Сегодня любой человек должен иметь навыки работы с компьютером и владеть хотя бы минимальным набором программ. К стандартным и наиболее популярным можно отнести Microsoft Word. Работая в Word, пользователи сталкиваются с необходимостью выделять для наглядности определенные диапазоны текста. Очень часто в документ необходимо вставить перечень. Это может быть маркированный список или нумерованный - пользователь имеет возможность ориентироваться по ситуации.

Программа позволяет создавать любые документы, письма и проекты, используя широкие возможности для Чтобы изучить все функции Microsoft Word, нужно потратить время, но результат того стоит.

Списки необходимы для того, чтобы сделать текст понятным и выразительным. Нумерованный и маркированный список одного уровня применяется в большинстве документов. В диссертациях и научных работах используется многоуровневый список.

Нумерация и маркеры

В первую очередь необходимо выделить абзацы, которые должны быть оформлены как список. Это можно сделать с помощью мыши или просто установить курсор в начало той строки, с которой будет начинаться список.

В MS Word существует вкладка «Главная», в которой в группе «Абзац» можно выбрать необходимую вставку. Пользователь нажимает кнопки «Нумерация» или «Маркеры», затем с помощью линейки выставляет отступы. Этот способ очень прост и понятен, но неопытный пользователь может столкнуться со скрытыми сложностями. Вставляя маркированные и нумерованные списки повторно, отступы придется редактировать заново.

В том случае, когда требуется форматировать каждый список в отдельности и изменять параметры шрифта, не каждый пользователь программы сможет сделать текст корректным, к тому же на это нужно будет потратить много времени и сил.

Списки с нумерацией

Каждый элемент списка выделяется цифрой, нумерация автоматически корректируется. Чтобы создавать и редактировать списки, существует кнопка «Нумерация» в группе «Абзац». Также можно воспользоваться функцией «Нумерация» контекстного меню выбранного абзаца.

Параметры списка:

  • Формат номера определяет, какой символ будет находиться возле каждого элемента.
  • Стиль нумерации можно выбирать в зависимости от особенностей конкретного документа: арабские или римские цифры, прописные или и т. д.
  • Поле «Начальное значение» позволяет выбрать цифру, с которой будет начинаться список.
  • В том случае, когда необходимо создать аналогичный список, но пронумеровать его заново, удобно воспользоваться функцией «Начать новый список». Нужно выделить элементы и задать все параметры.

Вставлять нумерованный список можно автоматически. Для этого необходимо выполнить следующие действия:

  • В начале абзаца, перед вводом текста, нужно поставить "1.", затем «Пробел» или Tab. Абзац оформится как первый пункт списка.
  • Поставив перед абзацем "1)", а затем нажав «Пробел» или Tab, пользователь создаст список другого типа.
  • По аналогии оформляются списки с буквами. В строках нужно ввести с точкой или скобкой. После каждого абзаца необходимо нажимать «Пробел» или Tab.

Создание маркированного списка в автоматическом режиме

Вставить маркированный список в «Ворде» можно следующим образом:

  • В начале абзаца необходимо ввести звездочку или знак «больше», а затем нажать «Пробел» или Tab.
  • Автоматически создать маркированный список. Можно включить его, перейдя во вкладку «Файл» и выбрав группу «Параметры». Во вкладке «Правописание» нужно выбрать «Параметры автозамены». В разделе «Автоформат» необходимо установить флажки напротив стилей.

Можно создать маркированный список следующих типов:

Многоуровневый список

Маркированные и нумерованные списки являются элементами Их стоит настроить так, как нужно пользователю в конкретном случае. Структуру можно редактировать с помощью функции «Определить многоуровневый список». Проверять, как отображаются все перечни, удобно в группе «Списки в документах». Чтобы изменить параметры шрифта каждого в отдельности, многоуровневый список связывается со стилями абзаца.

Ключевые параметры настройки многоуровневого списка

Настраивая перечень, который состоит из нескольких уровней, необходимо обратить внимание на следующие параметры:

  • Выбор уровня и пример его оформления.
  • Определение параметров настройки шрифта, при необходимости можно задать постоянную часть номера.
  • Выбор типа нумерации: символ, рисунок, буквы и прочие варианты.
  • Определение уровня, на котором обновляется нумерация.
  • Определение отступов и расположения текста.
  • Дополнительные возможности для редактирования.
  • Соответствие стиля абзаца и многоуровневого списка.

Настройки, которые были созданы однажды, в автоматическом режиме можно применить к последующим спискам. Но если возникнет необходимость в редактировании, придется работать с каждым списком в отдельности. Это неудобство может показаться незначительным, но если перечней в тексте большое количество, на форматирование уйдет много времени.

Как изменить стиль маркера?

Нажав на кнопку «Маркеры», можно выбрать тот вариант, который подходит в данном случае. Для этого нужно перейти в область «Библиотека» и кликнуть на ней. Аналогично выбирается и тип нумерации: в области «Библиотека нумерации».

Для того чтобы превратить нумерованный или маркированный список в Word в текст, достаточно просто отжать соответствующую кнопку.

Каждый элемент текста может выделяться специальным маркером. Чтобы форматировать список согласно требованиям конкретного документа, необходимо выбрать команду «Определить новый маркер».

После освоения всех возможностей программы Microsoft Word работа с документами будет приносить удовольствие, к тому же не придется тратить много времени на форматирование текста. Маркированный список, как и нумерованный, входит практически в любой документ и часто применяется, поэтому пользователю программы будет полезно ознакомиться с созданием перечней различного вида.

Создать список в Microsoft Word можно довольно просто, достаточно сделать всего несколько кликов. Кроме того, программа позволяет не только создавать маркированный или нумерованный список по ходу набора текста, но и преобразовать в список текст, который уже был набран.

В этой статье мы детально рассмотрим то, как сделать список в Ворде.

Если вы только планируете печатать текст, который должен быть оформлен в виде маркированного списка, выполните следующие действия:

1. Установите курсор в начале строки, в которой должен находиться первый пункт списка.

2. В группе “Абзац” , которая расположена во вкладке “Главная” , нажмите кнопку “Маркированный список” .

3. Введите первый пункт нового списка, нажмите “ENTER” .

4. Введите все последующие пункты маркированного списка, нажимая в конце каждого из них “ENTER” (после точки или точки с запятой). Когда закончите вводить последний пункт, дважды нажмите “ENTER” или нажмите “ENTER” , а затем “BackSpace” , чтобы выйти из режима создания маркированного списка и продолжить обычный набор текста.

Преобразование готового текста в список

Очевидно, что каждый пункт будущего списка должен находиться в отдельной строке. Если ваш текст еще не разделен на строки, сделайте это:

1. Установите курсор в конце слова, фразы или предложения, которое должно быть первым пунктом в будущем списке.

2. Нажмите “ENTER” .

3. Повторите это же действие для всех следующих пунктов.

4. Выделите фрагмент текста, который должен стать списком.

5. На панели быстрого доступа во вкладке “Главная” нажмите кнопку “Маркированный список” (группа “Абзац” ).

    Совет: Если после созданного вами маркированного списка еще нет текста, дважды нажмите “ENTER” в конце последнего пункта или нажмите “ENTER” , а затем “BackSpace” , чтобы выйти из режима создания списка. Продолжите обычный набор текста.

Если вам необходимо создать нумерованный список, а не маркированный, нажмите кнопку “Нумерованный список” , расположенную в группе “Абзац” во вкладке “Главная” .

Изменение уровня списка

Созданный нумерованный список можно сместить влево или вправо, изменив таким образом его “глубину” (уровень).

1. Выделите созданный вами маркированный список.

“Маркированный список” .

3. В выпадающем меню выберите пункт “Изменить уровень списка” .

4. Выберите уровень, который вы хотите задать для созданного вами маркированного списка.

Примечание: С изменением уровня изменится и маркировка в списке. О том, как изменить стиль маркированного списка (вид маркеров, в первую очередь), мы расскажем ниже.

Аналогичное действие можно выполнить и с помощью клавиш, причем, вид маркеров в таком случае изменен не будет.

Примечание: Красной стрелкой на скриншоте показана начальная позиция табуляции для маркированного списка.

Выделите список, уровень которого нужно изменить, выполните одно из следующих действий:


Примечание: Одно нажатие клавиши (или клавиш) смещает список на одну позицию табуляции. Комбинация “SHIFT+TAB” будет работать только в том случае, если список находится на расстоянии хотя бы в одну позицию табуляции от левого поля страницы.

Создание многоуровневого списка

При необходимости вы можете создать многоуровневый маркированный список. Более детально о том, как это сделать, вы можете узнать из нашей статьи.

Изменение стиля маркированного списка

Помимо стандартного маркера, устанавливаемого в начале каждого пункта списка, для его маркировки вы можете использовать и другие знаки, доступные в MS Word.

1. Выделите маркированный список, сnиль которого необходимо изменить.

2. Нажмите на стрелку, расположенную справа от кнопки “Маркированный список” .

3. Из выпадающего меню выберите подходящий стиль маркера.

4. Маркеры в списке будут изменены.

Если по каким-то причинам вас не устраивают стили маркеров, доступные по умолчанию, вы можете использовать для маркировки любой из присутствующих в программе символов или рисунок, который можно добавить с компьютера или загрузить из интернета.

Хочу изменить вид маркера на другой символ. Как это сделать?

С помощью HTML или CSS допускается устанавливать один из трех типов маркеров: disc (точка), circle (кружок), square (квадрат). Добавлять эти значения нужно к стилевому параметру list-style-type , который указывается для селектора UL или LI .





Квадратные маркеры




  • Чебурашка

  • Крокодил Гена

  • Шапокляк



Выбор и установка собственного символа маркера происходит весьма своеобразно, через псевдоэлемент before . Вначале следует вообще убрать маркеры у списка, присвоив значение none стилевому атрибуту list-style-type , а затем через двоеточие добавить псевдоэлемент before к селектору LI . Сам вывод символа осуществляется с помощью параметра content , в качестве значения которого и выступает желаемый текст или код знака в юникоде.





Символ в качестве маркера




  • Чебурашка

  • Крокодил Гена

  • Шапокляк



В данном примере маркер, установленный по умолчанию, прячется, а взамен добавляется символ +.

Замечание

Псевдоэлемент before не работает в браузере Internet Explorer, поэтому собственные маркеры в нем отображаться не будут.

Чтобы установить в качестве маркера какой-нибудь хитрый символ, можно воспользоваться программой Microsoft Word, выбрав меню Вставка > Символ... После чего откроется окно, как показано на рис. 1.

Рис. 1. Выбор символа в программе Microsoft Word

Код знака, выделенный на рисунке цветом, следует вписать в качестве параметра content , добавив перед ним слэш. Например, для приведенного символа следует указывать content: "\25aa" .

Использование списков в статье положительно сказывается как на SEO, так и на восприятии пользователем информации. Существует множество способов красиво отобразить маркеры (картинкой или с помощью CSS). Мы же рассмотрим достаточно простой, но стильный метод, как изменить маркеры списка на CSS.

Как это выглядит?

В этом случае нам не обойтись без новых технологий, а именно - CSS3 с поддержкой псевдокласса before. С помощью одних лишь только стилей и базовой верстки HTML мы преобразим наскучившие стандартные маркеры, не отвечающие современным стандартам.

В первом случае будем использовать маркированный список, который нам предлагает тег

    :

    • Что у нас получилось.
    • Неплохо, правда?

    Соответственно, во втором случае нумерованный список от тега

      :

      1. Слева от текста число.
      2. Продолжение списка на необходимое нам количество полей.

      Элементы находятся на одном расстоянии от начала текстового блока, что придает им дополнительный шарм.

      Красивый маркированный список

        В качестве символов можно использовать различные значения. Достаточно вписать новый код в свойство content.

        HTML

        • Элемент 1
        • Элемент 2

        CSS

        ul { list-style-type: none; } ul li:before { content: "\203A "; padding-right: 6px; font-size: 16px; color: #00bf80; font-weight: bold; }

        Красивый нумерованный список

          С помощью нумерованного списка можно как симпатично оформить блок текста на странице, так и создать удобное и понятное , как в начале этого материала.

          HTML

          1. Элемент 1
          2. Элемент 2

          CSS

          ol { margin-left: 63px; list-style-type: none; counter-reset: li; } ol li:before { content: counter(li); counter-increment: li 1; padding: 0px 6px; margin-left: -28px; font-size: 12px; text-align: center; color: white; position: absolute; background: #00bf80; }

          Оформляйте свои статьи правильно, чтобы пользователь не повысил процент отказов.

          Задача

          Изменить вид маркеров в списке и заменить их на другой символ.

          Решение

          С помощью HTML или CSS допускается устанавливать один из трех типов маркеров: disc (точка), circle (кружок), square (квадрат). Добавлять эти значения нужно к стилевому свойству list-style-type , которое указывается для селектора UL или LI (пример 1).

          Пример 1. Стандартные маркеры

          HTML5 CSS 2.1 IE Cr Op Sa Fx

          Квадратные маркеры

          • Чебурашка
          • Крокодил Гена
          • Шапокляк

          В данном примере в качестве маркеров используется квадрат (рис. 1).

          Рис. 1. Вид маркеров

          Выбор и установка собственного символа маркера происходит весьма своеобразно, через псевдоэлемент :before . Вначале следует вообще убрать маркеры у списка, присвоив значение none стилевому свойству list-style-type , а затем добавить псевдоэлемент :before к селектору LI . Сам вывод символа осуществляется с помощью свойства content , в качестве значения которого и выступает желаемый текст или символ (пример 2).

          Пример 2. Использование:before и content

          HTML5 CSS 2.1 IE Cr Op Sa Fx

          Символ в качестве маркера

          • Чебурашка
          • Крокодил Гена
          • Шапокляк

          В данном примере маркер, установленный по умолчанию, прячется, а взамен добавляется символ (рис. 2).

          Рис. 2. Маркеры в виде символа

          Чтобы установить в качестве маркера какой-нибудь хитрый символ, можно воспользоваться программой Microsoft Word или таблицей символов, это стандартная программа входящая в комплект Windows. Кодировка кода должна быть обязательно UTF-8.