বিষয়বস্তুতে যান

CSS বর্ডার রেডিয়াস জেনারেটর

লাইভ প্রিভিউ সহ CSS border-radius ভিজ্যুয়ালি জেনারেট করুন। প্রতিটি কোণা আলাদাভাবে বা একসাথে সমন্বয় করুন। px, % এবং rem সমর্থন। CSS কোড কপি করুন। বিনামূল্যে অনলাইন টুল।

প্রিভিউ

12px
12px
12px
12px
একক

CSS আউটপুট

 

CSS border-radius কী?

CSS প্রপার্টি border-radius একটি এলিমেন্টের বাইরের বর্ডার প্রান্তের কোণাগুলো গোলাকার করে। আপনি বৃত্তাকার কোণার জন্য একটি রেডিয়াস বা উপবৃত্তাকার কোণার জন্য দুটি রেডিয়াস সেট করতে পারেন।

border-radius সিনট্যাক্স

শর্টহ্যান্ড border-radius ১ থেকে ৪টি মান গ্রহণ করে। ১ মানে সব কোণা সমান। ২ মানে প্রথমটি উপর-বাম/নিচ-ডান এবং দ্বিতীয়টি উপর-ডান/নিচ-বাম সেট করে। ৪ মানে প্রতিটি কোণা আলাদাভাবে সেট হয়: উপর-বাম, উপর-ডান, নিচ-ডান, নিচ-বাম।

উপবৃত্তাকার কোণা

/ সিনট্যাক্স ব্যবহার করে (যেমন border-radius: 50% / 30%), আপনি উপবৃত্তাকার কোণার জন্য ভিন্ন অনুভূমিক এবং উলম্ব রেডিয়াস নির্ধারণ করতে পারেন।

গোপনীয়তা

সমস্ত border-radius জেনারেশন 100% আপনার ব্রাউজারে চলে। কোনো ডেটা কোনো সার্ভারে পাঠানো হয় না।