CSS border-left-style پراپرٹی

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

border-left-style ਪ੍ਰਤੀਭਾਵ ਨਾਲ ਏਲੀਮੈਂਟ ਦੇ ਖੱਬੇ ਮੋਰਟਰ ਦਾ ਸਟਾਈਲ ਸੈਟ ਕਰੋ。

ਬੋਰਡਰ ਦੇ ਦਿਖਾਈ ਦੇਣ ਲਈ ਇਹ ਕੀਮਤ ਨਹੀਂ ਹੋਵੇਗੀ ਜੇਕਰ ਇਹ none ਨਹੀਂ ਹੈ ਤਾਂ ਹੀ。

CSS1 ਵਿੱਚ ਹੀਲਾ ਯੂਜ਼ਰ ਏਜੰਟ ਸਿਰਫ 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