CSS list-style 属性

Definition and Usage

Ang maikling katangian ng list-style ay naglagay ng lahat ng katangian ng listahan sa isang pahayag.

Description

Ang katangian na ito ay isang maikling katangian na kumakatawan sa lahat ng ibang katangian ng estilo ng listahan. Dahil ito ay naaangkop sa lahat ng elemento na may display na list-item, ito ay puwedeng gamitin lamang sa li elemento sa pangkaraniwang HTML at XHTML, ngunit sa katunayan ito ay puwedeng naaangkop sa anumang elemento at minamana ng elemento na may list-item.

Maaaring itaas ang mga sumusunod na katangian:

Maaaring hindi itaas ang anumang halaga, tulad ng "list-style:circle inside;" ay pinapayagan din. Ang mga katangian na hindi itaas ay gagamitin ang default na halaga.

See Also:

CSS Tutorial:CSS 列表

HTML DOM Reference Manual:listStyle Property

Example

Iset ang larawan bilang marka ng item ng listahan sa listahan:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

Try It Yourself

CSS Syntax

list-style: list-style-type list-style-position list-style-image|initial|inherit;

Attribute Value

Value Description
list-style-type Itaas ang uri ng marka ng item ng listahan. Tingnan:list-style-type 可能的值。
list-style-position Itaas ang lugar kung saan ilalagay ang marka ng item ng listahan. Tingnan:list-style-position 可能的值。
list-style-image Gamitin ang larawan upang palitan ang marka ng item ng listahan. Tingnan:list-style-image 可能的值。
inherit Itututurang dapat malingon ang halaga ng katangian ng list-style mula sa magulang na elemento.

Technical Details

Default Value: disc outside none
Inheritance: yes
Version: CSS1
JavaScript Syntax: object

Higit pang halimbawa

Maglagay ng lahat ng katangian ng listahan sa isang pahayag
Ang kasong ito ay nagtuturo kung paano ilagay ang lahat ng katangian ng listahan sa isang maikling katangian.

Browser Support

Ang numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian na iyon.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0