Style listStyle ਗੁਣ

ਪਰਿਭਾਸ਼ਣ ਅਤੇ ਵਰਤੋਂ

listStyle ਗੁਣ ਸ਼ਾਰਟ ਫਾਰਮੈਟ ਵਿੱਚ ਸੈਟ ਜਾਂ ਵਾਪਸੀ ਕਰੋ ਤਾਂ ਇਹ ਸਿਰਫ਼ ਤਿੰਨ ਮੁੱਖ ਲਿਸਟ ਗੁਣਾਂ ਨੂੰ ਸੈਟ ਜਾਂ ਵਾਪਸੀ ਕਰਦਾ ਹੈ।

ਇਸ ਗੁਣ ਰਾਹੀਂ ਤੁਸੀਂ ਨਿਮਨਲਿਖਤ ਇਕ ਜਾਂ ਬਹੁਤ ਸਾਰੇ ਮੁੱਲਾਂ ਨੂੰ ਸੈਟ ਜਾਂ ਵਾਪਸੀ ਕਰ ਸਕਦੇ ਹੋ ਕਿਉਂਕਿ ਉਹ ਕਿਸੇ ਵੀ ਕਿਸਮ ਵਿੱਚ ਹੋ ਸਕਦੇ ਹਨ:

ਹੋਰ ਦੇਖੋ:

ਕੋਰਸ ਸਿਫਾਰਸ਼:CSS فہرست

CSS ਸੰਦਰਭ ਮੁੱਲਕਾਰlist-style ਗੁਣ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਲਿਸਟ ਦੇ ਸਟਾਈਲ ਨੂੰ ਬਦਲੋ:

document.getElementById("myList").style.listStyle = "decimal inside";

ਖੁਦ ਦੋਹਰਾਓ

ਉਦਾਹਰਣ 2

ਲਿਸਟ ਦੇ ਪ੍ਰਕਾਰ ਅਤੇ ਸਥਾਨ ਨੂੰ "square inside" ਵਿੱਚ ਬਦਲੋ:

document.getElementById("myList").style.listStyle = "square inside";

ਖੁਦ ਦੋਹਰਾਓ

ਉਦਾਹਰਣ 3

ਲਿਸਟ ਸਟਾਈਲ ਵਾਪਸੀ ਕਰੋ:

document.getElementById("myList").style.listStyle;

ਖੁਦ ਦੋਹਰਾਓ

ਗਰਮਤਾ

listStyle ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

object.style.listStyle

listStyle ਗੁਣ ਸੈਟ ਕਰੋ:

object.style.listStyle = "type position image|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
type ਲਿਸਟ ਆਈਕਨ ਦੇ ਪ੍ਰਕਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。
position ਲਿਸਟ ਆਈਕਨ ਦਾ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰੋ。
image ਇਸਤੇਮਾਲ ਵਾਲੀ ਲਿਸਟ ਆਈਕਨ ਦੇ ਪਰਿਭਾਸ਼ਣ ਕਰੋ。
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial.
inherit ਆਪਣੇ ਮਾਤਾ ਇਲੈਕਟਰੋਨ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਇਨਹਾਰਤ ਕਰੋ। ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: disc outside none
ਵਾਪਸੀ ਮੁੱਲ: ਸਟ੍ਰਿੰਗ, ਜੋ ਲਿਸਟ ਦੇ ਸਟਾਈਲ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ。
CSS ਆਵ੍ਰੀਆ: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ