CSS بوردر بہو اپریٹ

定义和用法

border-bottom 简写属性把下边框的所有属性设置到一个声明中。

可以按顺序设置如下属性：

ਜੇਕਰ ਕੋਈ ਮੁੱਲ ਸੈਟ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਤਾਂ ਵੀ ਕੋਈ ਸਮੱਸਿਆ ਨਹੀਂ ਆਵੇਗੀ، ਉਦਾਹਰਣ ਵਜੋਂ border-bottom:solid #ff0000; ਵੀ ਅਪਣਾਏ ਜਾ ਸਕਦੇ ਹਨ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ ਮੁਲਾਕਾਤ:CSS ਬਾਰਡਰ

HTML DOM ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼:borderBottom ਪ੍ਰਤੀਯੋਗ

ਉਦਾਹਰਣ

ਨਿਚਲੇ ਬਰੋਡਰ ਦੇ ਸਟਾਈਲ ਨੂੰ ਸੈਟ ਕਰੋ:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

ਖੁਦ ਮੁਹਾਰਤ ਕਰੋ

CSS ਗਰੇਫਟਾਂ

border-bottom: border-width border-style border-color|initial|inherit;

ਪ੍ਰਤੀਯੋਗ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
border-bottom-width ਨਿਚਲੇ ਬਰੋਡਰ ਦੀ ਚੌੜਾਈ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਦੇਖੋ:border-bottom-width ਵਿੱਚ ਸੰਭਵ ਮੁੱਲ
border-bottom-style ਨਿਚਲੇ ਬਰੋਡਰ ਦੇ ਸਟਾਈਲ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਦੇਖੋ:border-bottom-style ਵਿੱਚ ਸੰਭਵ ਮੁੱਲ
border-bottom-color ਨਿਚਲੇ ਬਰੋਡਰ ਦੀ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਦੇਖੋ:border-bottom-color ਵਿੱਚ ਸੰਭਵ ਮੁੱਲ
inherit ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ border-bottom ਲੋੜੀਂਦੇ ਪ੍ਰਤੀਯੋਗ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਮਾਤਾ ਪ੍ਰਤੀਯੋਗ ਦੀ ਸੈਟਿੰਗ ਨੂੰ ਇਨਹੈਰਿਟ ਕਰੋ।

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: not specified
ਇਨਹੈਰਿਟਸਬਾਰੀ: no
ਸੰਸਕਰਣ: CSS1
JavaScript ਗਰੇਫਟਾਂ: object.style.borderBottom="3px solid blue"

ਹੋਰ ਉਦਾਹਰਣ

ਸਾਰੇ ਨਿਚਲੇ ਬਰੋਡਰ ਲੋੜੀਂਦੇ ਪ੍ਰਤੀਯੋਗ ਇੱਕ ਹੀ ਬਰਾਉਜ਼ਰ ਵਿੱਚ
ਇਸ ਪ੍ਰਯੋਗ ਵਿੱਚ ਸ਼ਾਰਟਨਾਮ ਪ੍ਰਤੀਯੋਗ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਾਰੇ ਨਿਚਲੇ ਬਰੋਡਰ ਲੋੜੀਂਦੇ ਪ੍ਰਤੀਯੋਗ ਨੂੰ ਇੱਕ ਹੀ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ。

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

ਸਾਰੇ ਬਰੋਡਰ ਵਿੱਚ ਨੰਬਰਾਂ ਵਿੱਚ ਇਹ ਸਾਰੇ ਬਰੋਡਰ ਲੋੜੀਂਦੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਨੰਬਰ ਦਿਖਾਏ ਗਏ ਹਨ ਜੋ ਇਸ ਵਿਸ਼ੇਸ਼ ਸੁਪੋਰਟ ਕਰਦੇ ਹਨ。

ਚਰੋਮ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
1.0 4.0 1.0 1.0 3.5

ਟਿੱਪਣੀਆਂ:IE7 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੀਆਂ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਮੁੱਲ "inherit" ਨਹੀਂ ਸਮਰੱਥ ਹੈ।IE8 ਵਿੱਚ !DOCTYPE ਚਾਹੀਦਾ ਹੈ।IE9 ਵਿੱਚ "inherit" ਸਮਰੱਥ ਹੈ。