CSS بوردر بہو چپ سائیڈ اپریٹ
- ਪਿਛਲਾ ਪੰਨਾ border-bottom-color
- ਅਗਲਾ ਪੰਨਾ border-bottom-right-radius
ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ
border-bottom-left-radius ਪ੍ਰਤੀਭਾਵ ਲੈਫਟ ਬੋਕਸ ਦੇ ਕੋਨੇ ਦੀ ਬੋਰਡਰ ਦੀ ਆਕਾਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
ਸੁਝਾਅ:ਇਹ ਪ੍ਰਤੀਭਾਵ ਤੁਹਾਨੂੰ ਏਲੀਮੈਂਟ ਵਿੱਚ ਗੋਲੀਆਂ ਬੋਰਡਰ ਜੋੜਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
CSS3 ਸਿੱਖਿਆਬੋਧਨ:CSS3 ਬਾਰਡਰ
ਉਦਾਹਰਣ
div ਏਲੀਮੈਂਟ ਦੇ ਲੈਫਟ ਬੋਕਸ ਦੇ ਨਿਚਲੇ ਕੋਨੇ ਵਿੱਚ ਗੋਲੀਆਂ ਬੋਰਡਰ ਜੋੜੋ:
div
{
border:2px solid;
border-bottom-left-radius:2em;
}
CSS ਮਹਾਰਥਾਵਾਂ
border-bottom-left-radius: length|% [length|%];
ਟਿੱਪਣੀ:border-bottom-left-radius ਪ੍ਰਤੀਭਾਵ ਦੀ ਲੰਬਾਈ ਅਤੇ ਪ੍ਰਤੀਸੈਂਟ ਕੀਮਤ ਚਾਰ ਹਫ਼ੀਕਰਣ ਦੇ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀਆਂ ਹਨ (ਬਾਹਰੀ ਬੋਰਡਰ ਦੇ ਕੋਨੇ ਦੀ ਰਫ਼ਤਾਰ ਦੀ ਆਕਾਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀਆਂ ਹਨ)।ਪਹਿਲੀ ਕੀਮਤ ਪੱਧਰੀ ਦੂਰੀ ਹੁੰਦੀ ਹੈ ਅਤੇ ਦੂਜੀ ਕੀਮਤ ਪਰਧਾਰੀ ਦੂਰੀ ਹੁੰਦੀ ਹੈ।ਜੇਕਰ ਦੂਜੀ ਕੀਮਤ ਲਿਖੀ ਨਹੀਂ ਹੈ ਤਾਂ ਪਹਿਲੀ ਕੀਮਤ ਨੂੰ ਨਕਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।ਜੇਕਰ ਲੰਬਾਈ ਛੋਟੀ ਹੈ ਤਾਂ ਕੋਨੇ ਵੱਡੇ ਚੱਕਰ ਦੇ ਨਾਲ ਹੀ ਸਿੱਧੇ ਹੈ ਨਹੀਂ ਬਲਕਿ ਚੱਕਰ ਦੇ ਨਾਲ ਹੀ ਚੱਕਰ ਹੈ।ਪੱਧਰੀ ਦੂਰੀ ਦੀ ਪ੍ਰਤੀਸੈਂਟ ਕੀਮਤ ਬੋਰਡਰ ਬਕਸ ਦੇ ਪੱਧਰੀ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ ਅਤੇ ਪਰਧਾਰੀ ਦੂਰੀ ਦੀ ਪ੍ਰਤੀਸੈਂਟ ਕੀਮਤ ਬੋਰਡਰ ਬਕਸ ਦੀ ਪਰਧਾਰੀ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。
ਪ੍ਰਤੀਭਾਵ ਕੀਮਤ
| ਕੀਮਤ | ਵਰਣਨ | ਟੈਸਟ |
|---|---|---|
| length | ਲੈਫਟ ਬੋਕਸ ਦੇ ਨਿਚਲੇ ਕੋਨੇ ਦੀ ਰਫ਼ਤਾਰ ਪ੍ਰਤੀ ਸੈਂਟੀਮੀਟਰ ਨਾਲ ਨਿਰਧਾਰਿਤ ਕਰੋ。 | ਟੈਸਟ |
| % | ਲੈਫਟ ਬੋਕਸ ਦੇ ਨਿਚਲੇ ਕੋਨੇ ਦੀ ਰਫ਼ਤਾਰ ਪ੍ਰਤੀ ਸੈਂਟੀਮੀਟਰ ਨਾਲ ਨਿਰਧਾਰਿਤ ਕਰੋ。 | ਟੈਸਟ |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਕੀਮਤ: | 0 |
|---|---|
| ਪ੍ਰਵਾਹਕਤਾ: | no |
| ਸੰਸਕਰਣ: | CSS3 |
| JavaScript ਮਹਾਰਥਾਵਾਂ: | object.style.borderBottomLeftRadius="5px" |
ਬਰਾਉਜ਼ਰ ਦੀ ਸਹਾਰਤਾ
ਸਰਕਾਰੀ ਟੇਬਲ ਵਿੱਚ ਨੰਬਰ ਨੂੰ ਦੱਸਿਆ ਹੈ ਕਿ ਕਿਸ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਪਹਿਲੀ ਵਾਰ ਇਹ ਪ੍ਰਤੀਭਾਵ ਸਹਾਰਾ ਹੈ。
ਜੋ ਨੰਬਰਾਂ -webkit- ਜਾਂ -moz- ਨਾਲ ਬਣੇ ਹਨ ਉਹ ਪਹਿਲੀ ਰੀਸ਼ਮ ਦੇ ਪ੍ਰੋਫਾਈਲ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
| ਚਰੋਮੇ | IE / ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 5.0 4.0 -webkit- |
9.0 | 4.0 3.0 -moz- |
5.0 3.1 -webkit- |
10.5 |
- ਪਿਛਲਾ ਪੰਨਾ border-bottom-color
- ਅਗਲਾ ਪੰਨਾ border-bottom-right-radius
