CSS list-style ਪ੍ਰਾਪਰਟੀ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

list-style ਸਰਲ ਸੰਕੇਤ ਵਿੱਚ ਸਾਰੇ ਲਿਸਟ ਸੰਕੇਤਾਂ ਨੂੰ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ

ਵਰਣਨ

ਇਹ ਸੰਕੇਤ ਇੱਕ ਸਰਲ ਸੰਕੇਤ ਹੈ ਜਿਸ ਵਿੱਚ ਸਾਰੇ ਹੋਰ ਲਿਸਟ ਸਟਾਈਲ ਸੰਕੇਤਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ। ਇਹ ਸਾਰੇ display ਵਾਲੇ list-item ਸੰਕੇਤਾਂ 'ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਇਸ ਲਈ ਆਮ ਐੱਚਟੀਐੱਮਐੱਲ ਅਤੇ ਐੱਕਸਐੱਚਟੀਐੱਮਐੱਲ ਵਿੱਚ ਇਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ ਪਰ ਇਹ ਕਿਸੇ ਵੀ ਸੰਕੇਤ 'ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਅਤੇ list-item ਸੰਕੇਤ ਵੱਲੋਂ ਵਿਰਾਸਤੀ ਕੀਤਾ ਜਾਵੇਗਾ。

ਕਿਸੇ ਮੁੱਲ ਨੂੰ ਇਸ ਕਰਮਚਾਰੀ ਵਿੱਚ ਸੈਟ ਕਰ ਸਕਦੇ ਹਨ:

ਕਿਸੇ ਮੁੱਲ ਨੂੰ ਸੈਟ ਨਹੀਂ ਕਰ ਸਕਦੇ, ਉਦਾਹਰਣ ਵਜੋਂ "list-style:circle inside;" ਵੀ ਮਨਜ਼ੂਰ ਹੈ। ਸੈਟ ਨਹੀਂ ਕੀਤੇ ਗਏ ਸੰਕੇਤਾਂ ਦਾ ਮੂਲ ਮੁੱਲ ਵਰਤਿਆ ਜਾਵੇਗਾ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆCSS ਲਿਸਟ

HTML DOM ਸੰਦਰਭ ਮੁੱਦਾlistStyle ਸੰਕੇਤ

ਉਦਾਹਰਣ

ਚਿੱਤਰ ਨੂੰ ਲਿਸਟ ਵਿੱਚ ਦਿਖਾਉਣ ਵਾਲੇ ਸੰਕੇਤ ਵਜੋਂ ਸੈਟ ਕਰੋ:

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

ਖੁਦ ਦੀ ਜਾਂਚ ਕਰੋ

CSS ਗਰੇਫਟ

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

ਸੰਕੇਤ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
list-style-type ਸੰਕੇਤਾਂ ਦੇ ਮਾਰਕਰ ਦੀ ਕਿਸਮ ਨੂੰ ਸੈਟ ਕਰੋ।ਦੇਖੋ:list-style-type ਸੰਭਵ ਮੁੱਲ
list-style-position ਸੰਕੇਤਾਂ ਦੇ ਮਾਰਕਰ ਨੂੰ ਕਿਸ ਥਾਂ ਪਾਉਣਾ ਹੈ ਸੈਟ ਕਰੋ।ਦੇਖੋ:list-style-position ਸੰਭਵ ਮੁੱਲ
list-style-image ਸੰਕੇਤਾਂ ਦੇ ਮਾਰਕਰ ਦੀ ਥਾਂ ਵਿੱਚ ਚਿੱਤਰ ਵਰਤੋਂ ਕਰੋ।ਦੇਖੋ:list-style-image ਸੰਭਵ ਮੁੱਲ
inherit list-style ਸੰਕੇਤਾਂ ਦੇ ਮੂਲ ਸੰਕੇਤ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: disc outside none
ਵਿਰਾਸਤੀਤਾ: yes
ਵਰਜਨ: CSS1
JavaScript ਗਰੇਫਟ object.style.listStyle="decimal inside"

ਹੋਰ ਉਦਾਹਰਣ

ਇੱਕ ਐਲਾਨ ਵਿੱਚ ਸਾਰੇ ਲਿਸਟ ਦੇ ਸੰਕੇਤਾਂ ਨੂੰ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਸਾਰੇ ਲਿਸਟ ਦੇ ਸੰਕੇਤਾਂ ਨੂੰ ਇੱਕ ਸਰਲ ਸੰਕੇਤ ਵਿੱਚ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ

ਸਾਰੇ ਸੰਕੇਤਾਂ ਦੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਦੀ ਪੂਰੀ ਸਮਰੱਥਾ ਦੇ ਲਈ ਸਾਰੇ ਨੰਬਰਾਂ ਨੂੰ ਸਾਰੇ ਪੈਡਾਂ ਵਿੱਚ ਦਰਸਾਇਆ ਗਿਆ ਹੈ。

ਚਰਮੋਨਾ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 4.0 1.0 1.0 7.0