CSS border-left-style属性

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

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