ነጻ፣ መለያ አያስፈልግም

CSS ድንበር ራዲየስ ጀነሬተር

ሞላላ አግድም እና ቋሚ ራዲየስን ጨምሮ እያንዳንዱን ጥግ ለብቻው ቅረጽ። ውጤቱን አስቀድመው ይመልከቱ እና የታመቀ CSS ይቅዱ።

0–2,000 px ወይም 0–100% ያስገቡ። በቁልፍ ሰሌዳ ተደራሽ የሆኑ የቁጥሮች መቆጣጠሪያዎች ቀርበዋል.

ከላይ ግራ
ከላይ በቀኝ
የታችኛው ቀኝ
የታችኛው ግራ

CSS ድምራቸው ከኤለመንቱ ስፋት ወይም ቁመት ሲበልጥ የማዕዘን ራዲዮዎችን በተመጣጣኝ መጠን በራስ-ሰር ይመዝናል። ቅድመ እይታው የአሳሹን CSS ባህሪ ይከተላል።

የቀጥታ ቅድመ እይታ

ቅርጹን ለማየት ጥግ ያስተካክሉ።

CSS መግለጫ

CSS border-radius እሴቶችን እንዴት ማመንጨት እችላለሁ?

ፒክስሎችን ወይም መቶኛን ይምረጡ፣ ለእያንዳንዱ ጥግ አግድም እና ቋሚ ራዲየስ ያስተካክሉ፣ ከዚያ የመነጨውን የborder-radius መግለጫ ይቅዱ። CSS ኤለመንቱን ለማስማማት በተመጣጣኝ ሁኔታ ተደራራቢ ራዲየስ መደበኛ ሊያደርግ ይችላል።

ተደጋጋሚ ጥያቄዎች

CSS border-radius እሴቶችን እንዴት ማመንጨት እችላለሁ?

ፒክስሎችን ወይም መቶኛን ይምረጡ፣ ለእያንዳንዱ ጥግ አግድም እና ቋሚ ራዲየስ ያስተካክሉ፣ ከዚያ የመነጨውን የborder-radius መግለጫ ይቅዱ። CSS ኤለመንቱን ለማስማማት በተመጣጣኝ ሁኔታ ተደራራቢ ራዲየስ መደበኛ ሊያደርግ ይችላል።

የእኔ CSS ወይም ንድፍ ተሰቅሏል?

ቁ. ቅድመ እይታ እና CSS የሚመነጩት በዚህ አሳሽ ትር ነው። ምንም ሰቀላ፣ መለያ፣ የኤፒአይ ጥሪ ወይም አውቶማቲክ ማስቀመጥ የለም።

እያንዳንዱ ማእዘን የተለየ ራዲየስ ሊኖረው ይችላል?

አዎ። የተለየ አግድም እና አቀባዊ እሴትን ከላይ-ግራ፣ በላይኛው ቀኝ፣ ታች-ቀኝ እና ታች-ግራ ጥግ ያዘጋጁ።

በborder-radius ውስጥ ያለው slash ምን ማለት ነው?

ሞላላ ማዕዘኖችን በመፍጠር አግድም ራዲየስን ከቋሚ ራዲየስ ይለያል። እያንዲንደ ማእዘኑ ተመሳሳይ አግድም እና አቀባዊ እሴት ከተጠቀመ, ጀነሬተር መቆራረጡን ይተዋሌ.

ቅድመ እይታው ከዋጋዎቹ ያነሰ የሚመስለው ለምንድነው?

CSS በተመጣጣኝ ሁኔታ በጠርዝ ላይ የሚደራረቡ ራዲሶችን መደበኛ ያደርገዋል። ያ መደበኛ የአሳሽ ባህሪ ነው እና በዚህ ቅድመ እይታ ውስጥም ይተገበራል።