Dhaliyaha Border Radius

U wareeji gees kasta adigoo isticmaalaya jiidado, ku qaabeey qaabab dabiici ah habka elliptical-ka, oo si degdeg ah u koobiyeey CSS-ka.

Hababka Diyaarsan
Geesaha
Dhammaan geesaha
24px
CSS
Jiid jiidadaha si aad u wareejiso geesahaaga.

Gees kasta waxaa si toos ah loogu sawiraa biraawsarkaaga. Waxba oo aad halkan ku dejiso looma soo gudbiyo BroBroGo.

Su'aalaha badanaa la isweydiiyo

Sidee u shaqeeyaan afarta geesood iyo px vs %?

Afarta jiidadood waxay u kala horreeyaan, habka saacadda, geesaha bidix-sare, midig-sare, midig-hoose iyo bidix-hoose. Markay tahay pixels, geesku wuxuu u wareegayaa qaddar go'an; markay tahay boqolley, wuxuu u wareegayaa si la xiriirta sanduuqa — boqolleyda jiifta waxay raacaysaa ballaca halka boqolleyda taagani ay raacayso dhererka, markaa 50% waxay labajibaaranaha u beddelaysaa goobo.

Muxuu qabtaa habka elliptical-ka?

Markay off tahay, gees kastaa waa rubuc-goobo leh hal radius oo keliya. Daar (turn it on) oo gees kastaa wuxuu helayaa radius jiif iyo mid taagan oo kala madaxbannaan, taas oo ah sida aad u dhisid qaabab jilicsan oo dabiici ah ("blob"). Matoorka dhaliya wuxuu kuu qorayaa qaabka labada qiimo leh ee xariiqda slash-ka ah wuxuuna dib ugu laabanayaa qaabka gaaban marka geesuhu mar kale wareegsan yihiin.

Sideen u sameeyaa goobo qumman ama qaab kaniini (pill) ah?

Isku xir geesaha, u beddel boqolley (percent) oo geli 50%: labajibaarane wuxuu isu beddelayaa goobo. Badhanka qaabka kaniiniga ah (pill-shaped), ku hay pixels beddelkeeda oo jiid gees ka mid ah meel ka baxsan kala-barka dhererka badhanka — dhinacyadu waxay ahaanayaan kuwo si buuxda u wareegsan ballac kasta. Habka Circle wuxuu ku diyaarinayaa kiiska koowaad hal gujin oo keliya.

Dhaliyaha CSS Cubic BezierJiid labada gacan si aad u qaabayso qalooca, daawo dhibic raacaysa marka la barbardhigo mid joogto ah, oo koobiyeey qiimaha cubic-bezier().Dhaliyaha Box ShadowJiid jiidadaha si aad u qaabayso box-shadow, isku dul radd lakabyo si aad u hesho qoto-dheer, oo si degdeg ah u koobiyeey CSS-ka dhammaaday.Dhaliyaha GradientDhis gradient linear, radial, ama conic ah, ku dar istaagyada midabka oo dejiso jihada, ka dibna ku koobiyeey CSS-ka hal gujin.Dhaliyaha FlexboxU diyaari weel flex ah iyo walxihiisa adigoo isticmaalaya xakamaynta muuqaalka, daawo qaabka oo si toos ah u falcelinaya, oo ku koobiyeey CSS-ka hal gujin.Dhaliyaha CSS GridDejiso tiirarkaaga iyo safarkaaga, ku jiid unugyada dushooda si aad u dhigto walxaha, oo ku koobiyeey grid CSS-ka iyo HTML-ka u dhigma hal gujin.Xisaabiyaha CSS clamp()Geli cabbir loogu talagalay shaashadaha yaryar iyo kuwa waaweyn si aad u hesho qiimo dabiici ah oo clamp() ah oo si habsmooth ah ugu dhex miisaamaya — ee cabbirrada farta, padding, margins ama gaps.Beddelaha MidabkaU beddel midabada HEX, RGB, HSL, HSV, CMYK iyo LAB — wax ka beddel goob kasta oo inta kale ayaa cusboonaysiismaya markaad gasho.