CSS بوردر بہاؤ رنگ پراپرٹی
- ਪਿਛਲਾ ਪੰਨਾ border-bottom
- ਅਗਲਾ ਪੰਨਾ border-bottom-left-radius
ਵਿਸ਼ੇਸ਼ਤਾ ਅਤੇ ਵਰਤੋਂ
border-bottom-color ਲੱਛਣ ਨਾਲ ਬਾਡਰ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰੋ。
ਸਿਰਫ ਸਫੇਦ ਰੰਗ ਨੂੰ ਸਿਰਫ ਬਾਡਰ ਸਟਾਈਲ ਇੱਕ ਗੈਰ none ਜਾਂ hidden ਦਾ ਮੁੱਲ ਹੋਣ ਤੇ ਬਾਡਰ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。
ਟਿੱਪਣੀਆਂ:ਹਰ ਸਮੇਂ border-style ਲੱਛਣ ਨੂੰ border-color ਲੱਛਣ ਤੋਂ ਪਹਿਲਾਂ ਘੋਸ਼ਿਤ ਕਰੋ।ਬਾਡਰ ਰੰਗ ਬਦਲਣ ਤੋਂ ਪਹਿਲਾਂ ਬਾਡਰ ਨੂੰ ਪ੍ਰਾਪਰ ਬਣਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS ਸਿੱਖਿਆ:CSS ਬੰਦਰ
CSS ਸੂਚੀਕਰਣ ਮੁੱਲਾਂ:border-bottom ਲੱਛਣ
HTML DOM ਸੂਚੀਕਰਣ ਮੁੱਲਾਂ:borderBottomColor ਲੱਛਣ
ਉਦਾਹਰਣ
ਹੇਠਲੇ ਬਾਡਰ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰੋ:
p { border-style:solid; border-bottom-color:#ff0000; }
CSS ਗਰੰਥਕਾਰਾਂ:
border-bottom-color: color|transparent|initial|inherit;
ਲੱਛਣ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
color_name | ਰੰਗ ਮੁੱਲ ਰੰਗ ਨਾਮ ਦਾ ਬਾਡਰ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ (ਉਦਾਹਰਣ ਵਜੋਂ red)。 |
hex_number | ਰੰਗ ਮੁੱਲ ਹੈਕਸਡੈਸੀਮਲ ਦਾ ਬਾਡਰ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ (ਉਦਾਹਰਣ ਵਜੋਂ #ff0000)。 |
rgb_number | ਰੰਗ ਮੁੱਲ rgb ਕੋਡ ਦਾ ਬਾਡਰ ਰੰਗ ਨਿਰਧਾਰਿਤ ਕਰੋ (ਉਦਾਹਰਣ ਵਜੋਂ rgb(255,0,0))。 |
transparent | ਮੂਲ ਮੁੱਲ।ਬਾਡਰ ਰੰਗ ਪਾਰਦਰਸ਼ੀ ਹੈ。 |
inherit | ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ ਬਾਡਰ ਰੰਗ ਪ੍ਰਾਪਰ ਤੋਂ ਵਿਰਾਸਤ ਲਿਆ ਜਾਵੇ। |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | not specified |
---|---|
ਵਿਰਾਸਤੀਕਰਣ: | no |
ਸੰਸਕਰਣ: | CSS1 |
JavaScript ਗਰੰਥਕਾਰਾਂ: | object.style.borderBottomColor="blue" |
ਹੋਰ ਉਦਾਹਰਣ
- ਹੇਠਲੇ ਬਾਡਰ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰਨਾ
- ਇਸ ਮਾਮਲੇ ਵਿੱਚ ਹੇਠਲੇ ਬਾਡਰ ਰੰਗ ਨੂੰ ਸੈਟ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਵਿਸ਼ੇਸ਼ ਲੱਛਣ ਦਾ ਪਹਿਲਾ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਸਾਰੇ ਤੇਲਚਿੱਤਰਾਂ ਵਿੱਚ ਦਿੱਤੀ ਗਈ ਹੈ。
ਚਰਮੋਨੀ | IE / ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ਟਿੱਪਣੀਆਂ:Internet Explorer 6 (ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੀਆਂ ਵਰਜਨਾਂ) ਵਾਲੇ ਬਰਾਉਜ਼ਰ "transparent" ਮੁੱਲ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ。
ਟਿੱਪਣੀਆਂ:IE7 ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੀਆਂ ਬਰਾਉਜ਼ਰ ਵਾਲੇ "inherit" ਮੁੱਲ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ।IE8 ਨੂੰ !DOCTYPE ਚਾਹੀਦਾ ਹੈ।IE9 ਵਾਲੇ "inherit" ਮੁੱਲ ਨੂੰ ਸਮਰਥਨ ਦਿੰਦੇ ਹਨ。
- ਪਿਛਲਾ ਪੰਨਾ border-bottom
- ਅਗਲਾ ਪੰਨਾ border-bottom-left-radius