css: The use and definition of list-style-position

黄舟
Release: 2017-06-29 10:55:46
Original
2472 people have browsed it

Syntax:

list-style-position : outside | inside
Copy after login

Parameters:

outside: List item tags are placed outside the text, and the surrounding text is not aligned according to the tags
inside: List items The tag is placed within the text, and the surrounding text is aligned according to the tag

Description:

Sets or retrieves how the list item tags as objects are arranged according to the text.
Only works on objects with a display value equal to list-item (such as li objects).
Note: The type attribute of ol objects and ul objects specifies the list attributes for all subsequent list items (such as li objects). Please see my other writings.
The corresponding script feature is listStylePosition. Please see other books I have written.

Example:

ul.in { display: list-item; list-style-position: inside; }
Copy after login

This is a list item named Xiaoqiang. Isn't he adorable?

This is a list item named Xiaoqiang. Isn't he adorable?

This is a list item named Xiaoqiang. Isn't he adorable?

list-style-position property sets where to place the list item markup.

Description

This attribute is used to declare the position of the list mark relative to the content of the list item. The outside flag is placed at a certain distance from the border of the list item, but this distance is undefined in CSS. Inside flags are treated as if they were inline elements inserted at the front of the list item's content.

css: The use and definition of list-style-position

Possible values

css: The use and definition of list-style-position

The above is the detailed content of css: The use and definition of list-style-position. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template