How to change markers in Word. Creating a list in Word: bulleted, numbered, multi-level
When working with text Microsoft editor Word, we need to highlight some individual pieces of text, for example, when we write about the types of something, list something, or simply highlight a certain paragraph and for some reason we don’t want to use digital numbering, we can use markers in Word.
What are markers? This is basically the same as digital numbering, only instead of numbers, various miniature graphic icons are used here. Markers, like digital numbering, are placed immediately next to a new paragraph and can be placed ad infinitum, that is, if you need it, you can have at least the entire document in markers.
How to insert markers in Word?
This is done very simply and quickly. You need to open the document in which you need markers, type paragraphs in this document to mark, select this text and go to Top Menu program (see screenshot) and select the marker you need (I opened the menu of markers so you can see them all), as soon as you click on the marker, the text will be marked.
How to make your own marker in Word? 
As you can see, there are too many markers available limited quantity. That is, there are no special characters in the list, but they are not needed there. Each user can define a symbol for themselves that will serve as a marker. (You can also use this menu to determine where your marker will be located, on the left as usual, in the center or even on the right). To do this, you again open the marker menu and find there an item called “define a new marker”.
A window for setting up a new marker will appear in front of you. Here you can define new symbol in the library of Word symbols for the marker or select a new picture again from the library of Word pictures.
If you need graphic image not found, you can upload a marker image from your computer in the same menu. (This is located in "Drawing Marker" - "Import").
Try to use markers in the text where possible and appropriate, this will make your text much more readable and understandable.
If in Microsoft document Word You need to present information in the form of a list, then you don’t have to number it manually - 1, 2, 3..., but do it using the built-in text editor functions.
In this article we will look at how to do automatic numbering list in Word, create a bulleted or multilevel list.
The necessary buttons with which everything is done are located on the “Home” tab. There are three of them: one with markers, the second with numbers, and the third with various markers at different levels. Accordingly, the first button is needed to create a bulleted list, the second – a numbered one, and the last one – for a multi-level one.
Automatic list numbering
First, let's look at how to number the text in each new line. This is used most often. At the same time, each new item will start with a number.
Click where you want the list to begin in the document. Then click “Numbering” in the “Paragraph” group. It will start from one. Using the markers on the ruler, you can change the indentation from the left margin.
To start a new point at the end previous line press "Enter".
If you need to insert regular text after some point, then after this, the question probably arises: how to continue numbering. To do this, place the cursor in the line where the continuation will be and select “Numbering”.
The page will appear new list. Near the unit, click on the arrow next to the lightning bolt and click in the drop-down menu "Continue numbering".
After this, instead of one, the next number in sequence will be entered.
If you need something other than 1,2,3, then click on any item and click on the arrow next to the “Numbering” button. Next, select one of the proposed options. If more than one type is not suitable, click "Define new format numbers".
In the window that opens, select what you want to use: numbers or letters. By clicking the "Font" button, you can select Extra options for the selected number format. To save the changes, click "OK".
Select them and click on the “Numbering” button.
Sources numbered in this way are needed if you want to make a link to literature in Word. You can read more about this in the article by following the link.
After this, all literature will be automatically numbered. Using the markers on the top ruler, set the desired indent from the left margin.
Documents can contain lists, both regular and automatically numbered. To understand that it is automatic, click next to any of the items or select it with the mouse. If after this more than one item is highlighted, and all other numbers become light gray, it means it is automatic.
If, on the contrary, you have numbered items in your document and they are not needed, then you can easily remove them. To do this, select the entire list and click on the “Numbering” button. Now all numbers will be deleted.
Making a bulleted list
In order for the list in the text to begin not with a number or letter, but, for example, with a black circle, square or check mark, let's look at how to mark it.
If it is already printed, then select it; if it is not yet, then place the cursor in the place where you will add. Next, on the “Home” tab, click on the arrow next to the “Markers” button. In the menu that opens, select the appropriate marker option and click on it. If nothing matches, click "Define new marker".
A window will open "Defining a new marker". In the “Marker Sign” field, click on one of the “Symbol”, “Picture” or “Font” buttons. Next you will need to select a suitable image. I chose a symbol. In the “Sample” field you can see how the marker will look in the text. Click "OK" to save the changes.
This is the marker I got.
Creating a multi-level list
If your list consists of a main item, subitems, and explanations of the subitems themselves, then you need to make several levels for it so that the data that depends on the previous item is marked with a different marker and is located a level lower.
It's not difficult to make them. Let's take for example a list with sections and sub-items. Select it and on the “Home” tab, click the arrow next to the button "Multi-level list". In the library you can choose one of the numbering options. If nothing works, click on "Define a new multi-level list".
In the window that opens, click “More” at the bottom left to expand all the options. Select at the top left required level and in the main window change the parameters for it. For example, “Number format” can be selected “1.” or "1)". Change the type of numbering “1, 2, 3...” or “A, B, C...”. Can "Associate level with style", in this case the text at the selected level will already be applied ready style design (useful if you plan to make content in Word), or start numbering not with “1” or “A”, but with any other letter/number. When you have selected everything, click OK.
This is how it happened for me, I linked the points to the “Heading 1” style, so the text changed color, size and font.
As you can see, now my sections and sub-items are on the same level. This is not correct, so let's look at how to work with a multi-level list. Place the cursor in the line whose level you want to change. On the Home tab, select "Increase indent".
The sub-items are now at the correct level. For example, I also added the line "Third level". To move it to the desired place, place the cursor in it and press the button twice "Increase indent".
Markers structure the text and facilitate the task of perception. With a bulleted list, the material becomes visually easier to read. How to do bulleted list in Word?
List tools are usually located on the general toolbar in the program.
Getting started with markers:
Appearance markers can be changed depending on the text style:
On a note! You don't have to click on all the styles to choose between them. When you hover your cursor over 1 of the options, it is reflected in the list in preview mode.
To cancel the list function and then save the text, select all the information in the list and press the “Markers” button; the sorting will be deleted, but the information will remain.
To delete a list along with its contents, select the text in the list and press the “Delete” button, then click the “Markers” button.
Important! The listed actions are possible in the program installed on operating system Windows.
Creating a list in a program on Mac requires a different algorithm of actions:
Formatting a list also allows you to change the spacing between list items.
On a note! In addition, you can increase the indentation by unchecking the box “Do not add space between paragraphs of the same style” in the same tab.
Video - Making a bulleted list in Microsoft Word
Create a bulleted list automatically
The automatic marking function simplifies the task of the writer and saves time on unnecessary actions.
Setting the automatic function on/off:
To start an automatic list:
One-time cancellation of the function is possible by clicking the “AutoCorrect Options” drop-down panel.
How to create a numbered list?
To list actions step by step, highlight importance, and order, a numbered list is used instead of a bulleted one.
Working with numerical lists completely repeats the design of markers. The only difference is the button that launches this function. It's called "Numbering" and is located to the right of the markers.
How to change the number in the list:
Important! The appearance of the numbers (their color, font, style) can be changed regardless of the text in the list. To do this, click on one of the numbers to highlight them all, and select the necessary options in the toolbar.
Create a numbered list automatically
Settings automatic mode working with a numbered list is similar to working with a bulleted one.
To enter a numeric list:
Multi-level list: ways to create
A multi-level list allows you to divide information into a hierarchy and divide data into categories and subcategories.
To get started with a multi-level listing, simply click the arrow to the right of the Multi-Level List button and select the bullet or numbering style you want.
A single-level list can also be divided into several levels:
On a note! Another option for changing the level of a column in the list is to place the cursor at the beginning of the text of the column and press the “Tab” button. The lower the level you need, the more times you need to press this button. To return the required column to a higher level, press the “Backspace” button.
In already existing list from several categories it is easy to change the designation style:
On a note! It is noteworthy that one multi-level list can contain both symbols and numbers.
What is the difference between the similar commands “Define a new multi-level list” and “Define a new style list"? The first is suitable for working with single lists or in cases where the list will definitely not be subject to changes. The second is needed to make changes to an existing style - this can affect multi-level lists throughout the document.
How to make a list from ready-made text?
The finished text can be easily converted into a list if necessary:
Work with the list is completed by pressing the “Enter” button twice.
Sorting lists in Word
Sort list items into alphabetical order simplifies the task of finding the desired column. Especially if the list is extensive, such as a table of contents or a list of references in scientific materials.
Video - How to make a bulleted, numbered and multi-level list in Word
In this article, we’ll look at how to make and install beautiful image markers instead of numbers, circles, and squares.
By the way, you can also draw markers using CSS and HTML and how it’s done here, but here we’ll work with images.
First you need to get a picture of the marker.
You can find it on the Internet, and for those who have Photoshop, you can do it in it. I'll show you how to make markers in the Paint editor, since all Windows have it by default.
The picture can be taken directly from here.
To do this, take a screenshot (press the Prt Sc Sys Rd key), and open Paint, click on the “Insert” icon.
Then select “Select - rectangular area”, carefully, with a minimum gap, select the selected marker, and click “Crop”.
If you need a smaller marker, you can reduce the scale of the browser screen (in Paint, for example, scaling works very roughly for me), and cut out the picture smaller.
If your background is different from white, then to paint over the white corners (the picture is cut out square), you can use online Photoshop
After loading the image into it, you need to enter the “Correction” menu and select “Color balance”. Then, moving the sliders, select the background you need, and save the corrected image back to your computer by going to the “File” menu and selecting “Save as...”
If the background of your page is generally dark, then you can select a color fill from the toolbar (on the left) and carefully fill the white corners, the so-called image canvas. The picture itself will remain the same as it was.
Now let's start decorating the list with this picture. The property used to insert a marker image into a list is called list-style-image. Its value indicates the path to the image.
ul(
}
If you need to enclose the list in a frame, then the list-style-position: inside; property is added to the ul selector. This property specifies that markers should be positioned within the frame, pushing the contents out of the way.
ul(
border : 2px solid #ffff00 ;
list-style-image : url(images/2.png) ;
list-style-position : inside ;
}
You can make the list in a block with rounded corners and a shadow. To do this, add to the ul selector border-radius properties and box-shadow.
border-radius: 5px;
Example, html document, using these blocks for a list with picture markers.
- List string
- List string
- List string
- List string
In this code, you will only need to insert your image name in the list-style-image property, where 2.png is, and I got this list
The article presents several methods that allow you to set a specific marker for an unnumbered list, and also indicates their advantages and disadvantages
If you analyze any site, you can discover the fact that the content very often contains lists of various kinds: menus, lists of products, etc. In the HTML code, the tag is responsible for a numbered list, and the tag for a bulleted list.
It is also worth noting the fact that in practice, bulleted lists are much more common, but they do have one small drawback. The marker in the list appears differently depending on the browser you are using. For a serious designer, this is a problem.
To eliminate this negative effect, you need to cancel the marker output using the list-style property:
ol, ul ( list-style: none; )
This begins the formation of a list with unique markers and icons. Below are the most common ways to present list item icons that are unique and consistent across all browsers.
Markers through pictures
The most common and simple way to specify a marker for a list is to use a background image (the background property). The method is based on an indication in the style sheet background picture for list items, as well as internal padding (the padding property), which reserves space for a new marker. Below is a code example:
ul ( list- style: none; ) li( background: url(path-to- image) no- repeat; padding- left: 20px; )
This method pleases with its uniqueness, as it allows you to set absolutely any marker in the form of a picture. Below is how our code will look in the browser:
home positive side This method is 100% cross-browser compatible, but despite this, there is a small drawback. Using a picture is an additional call to the server.
Markers using before
There is an option when you can do without a picture, if design conditions allow it. This is very often allowed when designing the main content, when the list is marked with the simplest elements, such as a square ( ) or an arrow ( →). Thus, we have come to the point that any suitable special character can act as a marker.
Next, the question arises of how to insert special characters into list elements. Naturally, not by hand, otherwise it would be a very drawn-out and tedious process, plus it would also be labor-intensive. A pseudo-element will help us get out of this situation before, the use of which is tied to a specific selector, which allows us to automate our process of assigning markers from special characters. This solution is suitable for most browsers, taking into account the fact that for IE, it will be written expression.
Below is an example of code that produces a bulleted list with an en dash:
li( this. innerHTML = "-" + this. innerHTML) /*IE hack*/ ) li: before( content: " \201 3" ; }
In practice we get the following picture:
Let me remind you that in real conditions hacks are connected with conditional comments.
When using this method, the main thing is to know the encoding of the required icon. It is also worth noting that for expression, special characters are written as a numeric combination or mnemonic code. As for the content property, in this case a slash is placed first, and then the hexadecimal code is written.
Using insertAdjacentHTML
The above method does not always work correctly in the legendary IE (despite the hack). More precisely, the “crutches” for this browser are not fully developed. A more effective method is based on insertAdjacentHTML, below is the code for this method:
li( //z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML("afterBegin", "-")); }
Markers drawn by CSS properties
Some square markers can be drawn using some CSS properties. For example, a square with a colored fill is drawn using the background-color property, and a square in the form of a frame is drawn using the border property (by the way, a square with a fill can be drawn in this way). Example entry in a CSS file:
li( //z-index: expression(runtimeStyle.zIndex = 1, this. innerHTML = "" + this. innerHTML) /* hack for e6 and 7 */) li: before, . listMarkerBackColor( background- color: #539127; width: 7px; height: 7px; content: "" ; float: left; margin: 6px 6px 0 0 ; overflow: hidden; ) html . listMarkerBackColor( margin- right: 1px; /* fix a small bug in IE6 */ }
Thus, a marker drawn with CSS properties will look like this in practice:
Using before and first-child in combination
This method is often used when designing bread crumbs Online. For those who don’t know what we’re talking about, look at the example below.
In this case, each link is separated from each other by a special character, but there should not be any special character before the first element. A pseudo-class will help us with this first-child, which accesses only the first element of the list. In code it should look like this
HTML
< ul> < li>< a href= "#" >home < li>< a href= "#" >Blog < li>< a href= "#" >CSS < li>Valid code when using target= "_blank"
li:before( content: " \21 92" ; ) li: first- child: before( content: "" ; )
It’s also worth noting that this technique is used not only for breadcrumbs, but also for regular bulleted lists, depending on the design brief.
What browsers does it work in?
| 6.0+ | 4.0+ | 9.5+ | 3.0+ | 3.0+ | - | - |
conclusions
To summarize, we can note the fact that the use of the before pseudo-element is justified and rational in the main content, since it does not push special requirements to the preparation of lists. This, in turn, will reduce the load on the server, compared to the option when using a picture. And if you also note the fact that the main content can contain a lot of bulleted lists, then the difference can become more significant. But pictures benefit greatly in terms of marker design solutions.