CSS بوردر بہون قطر اپریٹ
- ਪਿਛਲਾ ਪੰਨਾ border-bottom-style
- ਅਗਲਾ ਪੰਨਾ border-collapse
ਵਰਣਨ ਅਤੇ ਵਰਤੋਂ
border-bottom-width ਪੈਰਾਮੀਟਰ ਨੂੰ ਬਰਾਉਂਡ ਬਰਾਉਂਡ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰਦਾ ਹੈ。
ਬਰਾਉਂਡ ਸਟਾਈਲ none ਨਹੀਂ ਹੋਣ ਤੇ ਤਾਂ ਇਹ ਕੰਮ ਕਰਦਾ ਹੈ।ਬਰਾਉਂਡ ਸਟਾਈਲ none ਹੋਣ ਤੇ ਬਰਾਉਂਡ ਚੌੜਾਈ ਪੁਰਾਣੇ ਮੁੱਲ ਤੱਕ ਬਦਲ ਜਾਵੇਗੀ।ਨੈਗਟਿਵ ਲੰਥ ਮੁੱਲ ਨਹੀਂ ਨਿਰਧਾਰਿਤ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ。
ਟਿੱਪਣੀਆਂ:ਹਰ ਸਮੇਂ border-bottom-width ਪੈਰਾਮੀਟਰ ਤੋਂ ਪਹਿਲਾਂ border-style ਪੈਰਾਮੀਟਰ ਨੂੰ ਘੋਸ਼ਿਤ ਕਰੋ।ਬਰਾਉਂਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਹੀ ਬਰਾਉਂਡ ਦੀ ਚੌੜਾਈ ਬਦਲ ਸਕਦੀ ਹੈ。
ਹੋਰ ਵੇਖੋ:
CSS ਸਿੱਖਿਆCSS ਬਾਰਡਰ
CSS ਸੰਦਰਭ ਪੁਸਤਕ:border-bottom ਪੈਰਾਮੀਟਰ
HTML DOM ਸੰਦਰਭ ਪੁਸਤਕ:borderBottomWidth ਪੈਰਾਮੀਟਰ
ਉਦਾਹਰਣ
ਨੀਚੇ ਬਰਾਉਂਡ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰੋ:
p { border-style:solid; border-bottom-width:15px; }
CSS ਗਰੇਫਟਰਾਂ
border-bottom-width: medium|thin|thick|length|initial|inherit;
ਪੈਰਾਮੀਟਰ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
thin | ਨੀਚੇ ਬਰਾਉਂਡ ਦੀ ਸੂਕਸ਼ਮ ਚੌੜਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 |
medium | ਮੂਲਤਵੀ ਮੁੱਲ।ਮੱਧਮ ਨੀਚੇ ਬਰਾਉਂਡ ਦੀ ਚੌੜਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 |
thick | ਗੂੜ੍ਹੇ ਨੀਚੇ ਬਰਾਉਂਡ ਦੀ ਚੌੜਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 |
length | ਤੁਹਾਨੂੰ ਨੀਚੇ ਬਰਾਉਂਡ ਦੀ ਚੌੜਾਈ ਆਪਣੇ ਹੀ ਸੈਟ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ。 |
inherit | ਪ੍ਰਿੰਸੀਪਲ ਤੋਂ ਬਰਾਉਂਡ ਚੌੜਾਈ ਲੈਣਾ ਚਾਹੀਦਾ ਹੈ。 |
ਹੋਰ ਉਦਾਹਰਣ
- ਨੀਚੇ ਬਰਾਉਂਡ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰਨਾ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਤੁਸੀਂ ਕਿਵੇਂ ਨੀਚੇ ਬਰਾਉਂਡ ਦੀ ਚੌੜਾਈ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ ਵੇਖੋ。
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲਤਵੀ ਮੁੱਲ: | medium |
---|---|
ਇਨਹੈਰਿਟਸਬਲਿਟੀ: | no |
ਵਰਜਨਾ: | CSS1 |
JavaScript ਗਰੇਫਟਰਾਂ: | object.style.borderBottomWidth="thick" |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਹ ਪੈਰਾਮੀਟਰ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦਾ ਪਹਿਲਾ ਬਰਾਉਜ਼ਰ ਵਰਜਨਾ ਸ਼ਾਮਲ ਹੈ。
ਚਰਮੋਨਾ | IE / ਐਜ਼ | ਫਾਰਫੈਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ਟਿੱਪਣੀਆਂ:IE7 ਅਤੇ ਪੁਰਾਣੀਆਂ ਵਰਜਨਾਂ ਦੇ ਬਰਾਉਜ਼ਰ 'inherit' ਮੁੱਲ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ।IE8 ਨੂੰ !DOCTYPE ਚਾਹੀਦਾ ਹੈ।IE9 'inherit' ਮੁੱਲ ਨੂੰ ਸਮਰਥਨ ਦਿੰਦਾ ਹੈ。
- ਪਿਛਲਾ ਪੰਨਾ border-bottom-style
- ਅਗਲਾ ਪੰਨਾ border-collapse