CSS border-top-right-radius属性

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

border-top-right-radius ਗੁਣ ਨਾਲ ਉੱਪਰੋਕਤ ਕੋਣ ਦੇ ਬਾਰਡਰ ਦੇ ਆਕਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。

ਸੁਝਾਅ:ਇਹ ਗੁਣ ਤੁਹਾਨੂੰ ਏਜੰਟ ਨੂੰ ਗੋਲਾਕਾਰ ਬਾਰਡਰ ਜੋੜਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆ:CSS3 ਬਾਰਡਰ

ਇਨਸਟੈਂਸੇ

div ਏਜੰਟ ਦੇ ਉੱਪਰੋਕਤ ਕੋਣ ਨੂੰ ਗੋਲਾਕਾਰ ਬਾਰਡਰ ਜੋੜੋ:

div
{
border:2px solid;
border-top-right-radius:2em;
}

ਖ਼ੁਦ ਦੋਸ਼ਿਤ ਕਰੋ

CSS ਗਰੁੱਪ:

border-top-right-radius: length|% [length|%];

ਟਿੱਪਣੀ:border-top-right-radius ਗੁਣ ਦੇ ਲੰਬਾਈ ਮੁੱਲ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤੀ ਮੁੱਲ ਨਾਲ ਚੌਥਾਂ ਸਮਕੇਂਦਰਿਕ ਵਾਲੇ ਅਕਾਰ (ਬਾਹਰੀ ਬਾਰਡਰ ਦੇ ਕੋਣ ਦੀ ਆਕਾਰ) ਦੇ ਰੈਡੀਅਸ (ਰੈਡੀਅਸ) ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ। ਪਹਿਲਾ ਮੁੱਲ ਹੰਗਮਾ ਰੈਡੀਅਸ ਹੈ, ਦੂਜਾ ਉੱਚਾਈ ਰੈਡੀਅਸ ਹੈ। ਜੇਕਰ ਦੂਜਾ ਮੁੱਲ ਛੱਡ ਦਿੱਤਾ ਜਾਵੇ ਤਾਂ ਪਹਿਲਾ ਮੁੱਲ ਨੂੰ ਦੁਹਰਾਇਆ ਜਾਵੇਗਾ। ਜੇਕਰ ਲੰਬਾਈ ਮੁੱਲ ਝੀਲਾ ਹੋਵੇ ਤਾਂ ਕੋਣ ਚੌਰਾ ਹੋਵੇਗਾ ਨਾ ਕਿ ਸਮਕੇਂਦਰਿਕ। ਹੰਗਮਾ ਰੈਡੀਅਸ ਦੇ ਪ੍ਰਤੀਸ਼ਤੀ ਮੁੱਲ ਬਾਰਡਰ ਬਕਸ ਦੇ ਚੌਡਾਈ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ, ਜਦਕਿ ਉੱਚਾਈ ਰੈਡੀਅਸ ਦੇ ਪ੍ਰਤੀਸ਼ਤੀ ਮੁੱਲ ਬਾਰਡਰ ਬਕਸ ਦੀ ਉੱਚਾਈ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ ਟੈਸਟ
length ਉੱਪਰੋਕਤ ਕੋਣ ਦੀ ਆਕਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。 ਟੈਸਟ
% ਪ੍ਰਤੀਸ਼ਤੀ ਵਾਲੇ ਮੁੱਲ ਨਾਲ ਉੱਪਰੋਕਤ ਕੋਣ ਦੀ ਆਕਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ。 ਟੈਸਟ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: 0
ਵਿਰਾਸਤੀ ਸਮਰਥਨ: no
ਸੰਸਕਰਣ: CSS3
JavaScript ਗਰੁੱਪ: object.style.borderTopRightRadius="5px"

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

ਸਾਰੇ ਪੈਮੈਂਟਾਂ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਨੰਬਰ ਇਹ ਸਭ ਤੋਂ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦਿੰਦੇ ਹਨ ਕਿ ਇਹ ਗੁਣ ਹੈ。

ਚਰਮੋਨੀ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5