CSS list-style-type ਪ੍ਰਾਪਰਟੀ
- ਪਿਛਲੀ ਪੰਨੀ list-style-position
- ਅਗਲਾ ਪੰਨਾ ਮਾਰਜਿਨ
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
list-style-type ਪੈਟਰੀਟ ਲਿਸਟ ਅਇਟਮ ਦੇ ਮਾਰਕਰ ਦੇ ਪ੍ਰਕਾਰ ਨੂੰ ਸੈਟ ਕਰਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ:CSS ਲਿਸਟ
CSS ਪੁਸਤਕਾਲ:CSS list-style ਪ੍ਰਾਪਰਟੀ
HTML DOM ਪੁਸਤਕਾਲ:listStyleType ਪੈਟਰੀਟ
ਉਦਾਹਰਣ
ਵੱਖ-ਵੱਖ ਲਿਸਟ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:
ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}
（ਪੰਨੇ ਦੇ ਨੀਚੇ ਹੋਰ ਉਦਾਹਰਣ ਮਿਲ ਸਕਦੇ ਹਨ）
CSS ਗਰੈਮੈਟਿਕ
list-style-type: ਮੁੱਲ;
ਪੈਟਰੀਟ ਮੁੱਲ
CSS2 ਦਾ ਮੁੱਲ:
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| ਨਾਨ | ਮਾਰਕਰ ਨਹੀਂ ਹੈ。 |
| disc | ਮੂਲ ਰੂਪ। ਮਾਰਕਰ ਭਰੇ ਗੋਲ ਹੈ。 |
| ਸਰਕਲ | ਮਾਰਕਰ ਖਾਲੀ ਗੋਲ ਹੈ。 |
| ਸਕਵੇਅਰ | ਮਾਰਕਰ ਭਰੇ ਚੌਕਟੇ ਹੈ。 |
| ਡਿਕਟੀਮਲ | ਮਾਰਕਰ ਨੰਬਰ ਹੈ。 |
| ਡਿਕਟੀਮਲ-ਲੈਡਿੰਗ-ਜ਼ੀਰੋ | ਸਿਫਰ ਨਾਲ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੀ ਨੰਬਰ ਮਾਰਕਰ (01, 02, 03, ਆਦਿ।) |
| ਲੋਅਰ-ਰੋਮਨ | ਛੋਟੇ ਰੋਮਨ ਅੱਖਰ (ਆਈ, ਆਈਆਈ, ਆਈਆਈਆਈ, ਆਈਵੀ, ਵੀ, ਆਦਿ।) |
| ਅੱਪਰ-ਰੋਮਨ | ਵੱਡੇ ਰੋਮਨ ਅੱਖਰ (ਆਈ, ਆਈਆਈ, ਆਈਆਈਆਈ, ਆਈਵੀ, ਵੀ, ਆਦਿ।) |
| ਲੋਅਰ-ਅਲਫਾ | ਛੋਟੀ ਅੰਗਰੇਜ਼ੀ ਅੱਖਰ ਦਾ ਮਾਰਕਰ ਲੋਅਰ-ਅਲਫਾ (ਏ, ਬੀ, ਸੀ, ਡੀ, ਈ, ਆਦਿ।) |
| upper-alpha | ਵੱਡੇ ਅੰਗਰੇਜ਼ੀ ਅੱਖਰThe marker is upper-alpha (A, B, C, D, E, ਆਦਿ.) |
| lower-greek | ਛੋਟੇ ਗਰੀਕ ਅੱਖਰ (alpha, beta, gamma, ਆਦਿ.) |
| lower-latin | ਛੋਟੇ ਲਾਤੀਨੀ ਅੱਖਰ (a, b, c, d, e, ਆਦਿ.) |
| upper-latin | ਵੱਡੇ ਲਾਤੀਨੀ ਅੱਖਰ (A, B, C, D, E, ਆਦਿ.) |
| hebrew | ਪਰੰਪਰਾਗਤ ਹੈਬਰੂ ਸੰਖਿਆ ਤਰੀਕਾ |
| armenian | ਪਰੰਪਰਾਗਤ ਅਰਮੇਨੀਅਨ ਸੰਖਿਆ ਤਰੀਕਾ |
| georgian | ਪਰੰਪਰਾਗਤ ਜਾਰਜੀਅਨ ਸੰਖਿਆ ਤਰੀਕਾ (an, ban, gan, ਆਦਿ.) |
| cjk-ideographic | ਸਰਲ ਸੰਕੇਤਕ ਸੰਖਿਆ |
| hiragana | ਟੈਗ ਹਨ: a, i, u, e, o, ka, ki, ਆਦਿ。（ਜਪਾਨੀ ਹੈਂਗਾਨਾ） |
| katakana | ਟੈਗ ਹਨ: A, I, U, E, O, KA, KI, ਆਦਿ。（ਜਪਾਨੀ ਹੈਂਗਾਨਾ） |
| hiragana-iroha | ਟੈਗ ਹਨ: i, ro, ha, ni, ho, he, to, ਆਦਿ。（ਜਪਾਨੀ ਹੈਂਗਾਨਾ） |
| katakana-iroha | ਟੈਗ ਹਨ: I, RO, HA, NI, HO, HE, TO, ਆਦਿ。（ਜਪਾਨੀ ਹੈਂਗਾਨਾ） |
CSS2.1 ਦੇ ਮੁੱਲ:
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | none | inherit
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ: | disc |
|---|---|
| ਵਿਰਾਸਤ: | ਹਾਂ |
| ਸੰਸਕਰਣ: | CSS1 |
| JavaScript ਸ਼ਾਬਦਿਕ | object.style.listStyleType="square" |
ਹੋਰ ਉਦਾਹਰਣ
- ਗ਼ੈਰ-ਕਰਨੀ ਵਾਲੀ ਲਿਸਟ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੀਆਂ ਲਿਸਟ ਟੈਗ
- ਇਹ ਉਦਾਹਰਣ ਸਾਸ਼ਟਸ ਵਿੱਚ ਸਾਰੇ ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੀਆਂ ਲਿਸਟ ਆਈਟਮ ਟੈਗ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。
- ਕਰਨੀ ਵਾਲੀ ਲਿਸਟ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੀਆਂ ਲਿਸਟ ਆਈਟਮ ਟੈਗ
- ਇਹ ਉਦਾਹਰਣ ਸਾਸ਼ਟਸ ਵਿੱਚ ਸਾਰੇ ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੀਆਂ ਲਿਸਟ ਆਈਟਮ ਟੈਗ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。
- ਸਾਰੇ ਲਿਸਟ ਸਟਾਈਲ ਪ੍ਰਕਾਰ
- ਇਹ ਉਦਾਹਰਣ ਸਾਸ਼ਟਸ ਵਿੱਚ ਸਾਰੇ ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੀਆਂ ਲਿਸਟ ਆਈਟਮ ਟੈਗ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਪੱਧਰਾਂ ਦੇ ਬਰਾਉਜ਼ਰਾਂ ਦੇ ਪਹਿਲੇ ਸਮਰਥਨ ਨੂੰ ਪੱਧਰ ਵਿੱਚ ਦਿਖਾਉਣ ਵਾਲੇ ਨੰਬਰ ਹਨ。
| ਚਰਮੋਨਾ | IE / ਐਂਜਲ | ਫਾਰਫੈਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- ਪਿਛਲੀ ਪੰਨੀ list-style-position
- ਅਗਲਾ ਪੰਨਾ ਮਾਰਜਿਨ
