ਬਾਰਡਰ ਰੇਡੀਅਸ ਜਨਰੇਟਰ

ਹਰੇਕ ਕੋਨੇ ਨੂੰ ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਕੰਟਰੋਲ ਕਰੋ ਅਤੇ ਗੋਲ ਆਕਾਰਾਂ ਦਾ ਪੂਰਵਦਰਸ਼ਨ ਕਰੋ। ਸ਼ਾਰਟਹੈਂਡ ਜਾਂ ਲੌਂਗਹੈਂਡ ਬਾਰਡਰ-ਰੇਡੀਅਸ CSS ਨੂੰ ਕਾਪੀ ਕਰੋ।

Border Radius Generator

Live

Link all corners

All corners24px

CSS output

border-radius: 24px;

Key capabilities

ਹਰੇਕ ਕੋਨੇ ਨੂੰ ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਨਿਯੰਤਰਿਤ ਕਰੋ ਅਤੇ ਕਾਪੀ-ਤਿਆਰ CSS ਨਾਲ ਗੋਲ ਆਕਾਰਾਂ ਦਾ ਪੂਰਵਦਰਸ਼ਨ ਕਰੋ।
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ
ਵਰਤਣ ਲਈ ਮੁਫ਼ਤ

ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

ਹਰੇਕ ਕੋਨੇ ਦੇ ਘੇਰੇ ਨੂੰ ਖਿੱਚੋ।
ਵਿਕਲਪਿਕ ਤੌਰ 'ਤੇ ਲਿੰਕ ਕੀਤੇ ਕੋਨਿਆਂ ਨੂੰ ਅਨਲੌਕ ਕਰੋ।
ਬਾਰਡਰ-ਰੇਡੀਅਸ CSS ਨੂੰ ਕਾਪੀ ਕਰੋ।

How this tool works

ਹਰੇਕ ਕੋਨੇ ਦੇ ਘੇਰੇ ਨੂੰ ਖਿੱਚੋ।
ਵਿਕਲਪਿਕ ਤੌਰ 'ਤੇ ਲਿੰਕ ਕੀਤੇ ਕੋਨਿਆਂ ਨੂੰ ਅਨਲੌਕ ਕਰੋ।
ਬਾਰਡਰ-ਰੇਡੀਅਸ CSS ਨੂੰ ਕਾਪੀ ਕਰੋ।

Recommended settings

ਪਹਿਲਾਂ ਡਿਫੌਲਟ ਵਿਕਲਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਫਿਰ ਲੋੜ ਪੈਣ 'ਤੇ ਵਿਵਸਥਿਤ ਕਰੋ

Supported formats

Text / on-page input

File size and limits

ਪੁਰਾਣੇ ਫ਼ੋਨਾਂ 'ਤੇ ਬਹੁਤ ਗੁੰਝਲਦਾਰ ਮਲਟੀ-ਲੇਅਰ ਪ੍ਰੀਵਿਊਜ਼ ਹੌਲੀ ਮਹਿਸੂਸ ਕਰ ਸਕਦੇ ਹਨ।

Privacy

ਰੰਗ ਅਤੇ CSS ਜਨਰੇਟਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੇ ਹਨ। ਪੂਰਵਦਰਸ਼ਨ ਅਤੇ ਪਰਿਵਰਤਨ ਕਦੇ ਵੀ ਤੁਹਾਡੀਆਂ ਸ਼ੈਲੀਆਂ ਨੂੰ ਅੱਪਲੋਡ ਨਹੀਂ ਕਰਦੇ ਹਨ।

Common use cases

ਜਦੋਂ ਵੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੋਵੇ ਬਾਰਡਰ ਰੇਡੀਅਸ ਜਨਰੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰੋ: ਹਰੇਕ ਕੋਨੇ ਨੂੰ ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਨਿਯੰਤਰਿਤ ਕਰੋ ਅਤੇ ਕਾਪੀ-ਤਿਆਰ CSS ਨਾਲ ਗੋਲ ਆਕਾਰਾਂ ਦਾ ਪੂਰਵਦਰਸ਼ਨ ਕਰੋ।

Troubleshooting

ਪੇਸਟ ਕਰਨ ਤੋਂ ਬਾਅਦ ਪੂਰਵਦਰਸ਼ਨ ਵੱਖਰਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ

ਆਪਣੇ ਪੰਨੇ 'ਤੇ ਪ੍ਰਤੀਯੋਗੀ CSS ਦੀ ਜਾਂਚ ਕਰੋ (ਰੀਸੈੱਟ, ਵਿਰਾਸਤੀ ਰੰਗ)। ਪਹਿਲਾਂ ਬਣਾਏ ਗਏ ਨਿਯਮ ਨੂੰ ਇੱਕ ਅਲੱਗ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਕੀ ਇਹ ਮੇਰਾ CSS ਅੱਪਲੋਡ ਕਰਦਾ ਹੈ?

ਨਹੀਂ। ਜਨਰੇਟਰ ਅਤੇ ਕਨਵਰਟਰ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਦੇ ਨਾਲ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੇ ਹਨ।

ਕੀ ਮੈਨੂੰ ਇੱਕ ਖਾਤੇ ਦੀ ਲੋੜ ਹੈ?

ਨਹੀਂ। ਟੂਲ ਖੋਲ੍ਹੋ, ਨਿਯੰਤਰਣ ਬਦਲੋ, ਅਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।