CSS border-left-style属性
- ਪਿਛਲਾ ਪੰਨਾ border-left-color
- ਅਗਲਾ ਪੰਨਾ border-left-width
ਪਰਿਭਾਸ਼ਿਤ ਅਤੇ ਵਰਤੋਂ
border-left-style ਨੂੰ ਇਲਾਕੇ ਦੇ ਬਾਂਧ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
ਇਹ ਮੁੱਲ none ਨਹੀਂ ਹੋਣ ਤਕ ਬਾਂਧ ਦਿਖਾਈ ਦੇਣਾ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ。
CSS1 ਵਿੱਚ, HTML ਯੂਜ਼ਰ ਏਜੰਟ ਸਿਰਫ solid ਅਤੇ none ਨੂੰ ਸਮਰਥਨ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆCSS ਬਾਰਡਰ
CSS ਸੂਚਨਾਕੰਮborder-left ਲੋੜ
HTML DOM ਸੂਚਨਾਕੰਮborderLeftStyle ਲੋੜ
ਉਦਾਹਰਣ
ਬਾਂਧਵਾਂ ਦੇ ਬਾਂਧ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:
p { border-style:solid; border-left-style:dotted; }
CSS ਗਰੱਫਿਕਸ
border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
ਲੋੜ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
none | ਬਾਂਧ ਨਾ ਹੋਣ ਦੇ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。 |
hidden | ਇਹ "none" ਨਾਲ ਇੱਕ ਸਮਾਨ ਹੈ। ਫਿਰ ਵੀ ਤੇਲੀ ਵਿੱਚ ਇਹ ਇਸਤੇਮਾਲ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤੇਲੀ ਵਿੱਚ hidden ਬਾਂਧ ਟਕਰਾਅ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。 |
dotted | ਬਿੰਦੂ ਬਾਂਧ ਦੇ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਮੋਸਟ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਹ solid ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੀ ਹੈ。 |
dashed | ਨਾਨਾ ਲਾਈਨ ਦੇ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਮੋਸਟ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਹ solid ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੀ ਹੈ。 |
solid | ਸਿੱਧੀ ਲਾਈਨ ਦੇ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。 |
double | ਦੋ ਲਾਈਨਾਂ ਦੇ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਦੋ ਲਾਈਨਾਂ ਦੀ ਚੌੜਾਈ border-width ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。 |
groove | 3D groove ਬਾਂਧ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。 |
ridge | 3D bevel ਬਾਂਧ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。 |
inset | 3D inset ਬਾਂਧ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。 |
outset | 3D outset ਬਾਂਧ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ। ਇਸ ਦਾ ਪ੍ਰਭਾਵ border-color ਦੇ ਮੁੱਲ 'ਤੇ ਨਿਰਭਰ ਹੈ。 |
inherit | ਬਾਂਧ ਸਟਾਈਲ ਨੂੰ ਮਾਪੇ ਵਿਅਕਤੀ ਤੋਂ ਲੈ ਕੇ ਸੁਧਾਰੋ |
ਤਕਨੀਕੀ ਵੇਰਵਾ
ਮੂਲ ਮੁੱਲ: | not specified |
---|---|
ਵਿਰਾਸਤੀਤਾ: | no |
ਸੰਸਕਰਣ: | CSS1 |
JavaScript ਗਰੱਫਿਕਸ | object.style.borderLeftStyle="dotted" |
ਹੋਰ ਉਦਾਹਰਣ
- ਬਾਂਧਵਾਂ ਦੇ ਬਾਂਧ ਸਟਾਈਲ ਸੈਟ ਕਰੋ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਦੇਖੋ ਕਿ ਕਿਵੇਂ ਬਾਂਧਵਾਂ ਦੇ ਬਾਂਧ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਲੋੜ ਦੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਸ਼ਾਮਲ ਹੈ
ਚਰਮੋਨਾ | IE / ਐਜ਼ | ਫਾਰਫੈਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
- ਪਿਛਲਾ ਪੰਨਾ border-left-color
- ਅਗਲਾ ਪੰਨਾ border-left-width