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.

Waxaa qortay oo dib u eegtay kooxda tafatirka ee BroBroGo.Markii ugu dambaysay ee la cusboonaysiiyay:

Sida uu u Shaqeeyo Dhaliyaha Border Radius

Aaladdan waxay kuu oggolaanaysaa inaad hagaajiso wareegsanaanta geesaha sanduuqa. Waxaad maamuli kartaa gees kasta si gaar ah ama waad isku xiri kartaa dhammaantood, waxaadna dooran kartaa inta u dhaxaysa halbeegyada pixels ama boqolleyda. Sidoo kale, waxay bixisaa habka elliptical-ka si loo abuuro qaabab jilicsan oo dabiici ah iyadoo gees kasta la siinayo raadiyo jiif iyo mid taagan oo kala madaxbannaan. Aaladdu waxay isla markiiba soo saartaa koodka CSS ee u dhigma naqshaddaada.

Gelinta Xogta iyo Maamulidda Aaladda

Si aad u qaabayso geesaha, aaladdu waxay isticmaashaa dhowr qaybood oo xog-gelin ah:

  • Jiidadaha: Waxaa loo isticmaalaa in lagu hagaajiyo wareegsanaanta geesaha.
    • Marka geesuhu isku xiran yihiin, hal jiid jiidad oo sumaddiisu tahay "Dhammaan geesaha" ayaa maamula afarta geesoodba.
    • Marka geesaha laga saaro isku-xirka, waxaa la helayaa afar jiidadood oo kala ah "Bidix sare", "Midig sare", "Midig hoose", iyo "Bidix hoose".
    • Habka elliptical-ka, gees kasta wuxuu kaloo leeyahay jiidaha "Jiif" iyo "Taagan".
    • Jiidaduhu waxay leeyihiin qiyaas u dhaxaysa 0-100.
  • Halbeegga: Waxaad u kala beddeli kartaa "px" (pixels) iyo "%" (boqolley).
  • Isku xir dhammaan geesaha: Badhan lagu dhex shido ama lagu damiyo isku-xirka geesaha.
  • Geeso elliptical ah: Badhan lagu hawlgaliyo ama lagu joojiyo habka elliptical-ka.
  • Hababka Diyaarsan: Badhamada diyaarsan ee kala ah "Af-badan", "Wareegsan", "Goobo", "Blob", iyo "Caleen".

Qiimaha bilowga ah ee jiidadaha waa 24, taas oo soo saarta koodka ah border-radius: 24px;.

Natiijooyinka iyo Koodha CSS

Aaladdu waxay si toos ah u soo saartaa natiijooyinka soo socda:

  • Muqaalka kore (Preview): Muqaal muuqaal ah oo muujinaya sanduuqa iyo sida uu u eg yahay marka la mariyo border radius-ka la doortay.
  • CSS: Koodha CSS ee la soo saaray, kaas oo lagu muujiyo cinwaanka "CSS" hoostiisa.
  • Koobiyeey CSS: Badhan sumaddiisu tahay "Koobiyeey CSS" oo loo isticmaalo in si fudud loogu koobiyeeyo koodka.

Shuruucda iyo Xaaladaha Gaarka ah

  • Afarta jiidadood ee geesaha waxay u kala horreeyaan habka saacadda, iyagoo ku bilaabma bidix-sare, ka dib midig-sare, midig-hoose, iyo ugu dambayn bidix-hoose.
  • Marka la isticmaalayo halbeegga pixels (px), geesku wuxuu u wareegayaa qaddar go'an.
  • Marka la isticmaalayo halbeegga boqolleyda (%), geesku wuxuu u wareegayaa si la xiriirta sanduuqa; boqolleyda jiifta waxay raacaysaa ballaca sanduuqa, halka boqolleyda taagani ay raacayso dhererka sanduuqa.
  • Haddii dhammaan geesaha la dhigo 50% iyadoo la isticmaalayo boqolleyda, sanduuqa labajibaaran wuxuu isu beddelayaa goobo qumman.
  • Habka elliptical-ka, gees kasta wuxuu helayaa raadiyo jiif iyo mid taagan oo kala duwan.
  • Marka habka elliptical-ku uu dansan yahay, gees kastaa wuxuu noqonayaa rubuc-goobo leh hal raadiyo oo keliya.
  • Matoorka dhaliyaha wuxuu u qorayaa qaabka labada qiimo leh ee xariiqda slash-ka ah (/) marka habka elliptical-ku uu shidanyahay, wuxuuna dib ugu laabataa qaabka gaaban marka geesuhu mar kale wareegsan yihiin.
  • Si aad u samayso goobo qumman, isku xir geesaha, u beddel boqolley, ka dibna geli 50%. Sidoo kale, habka diyaarsan ee "Goobo" wuxuu dhammaan geesaha si toos ah u dhigayaa 50%.
  • Si aad u samayso badhan qaabka kaniiniga ah (pill-shaped), ku hay halbeegga pixels, ka dibna jiid gees ka mid ah meel ka baxsan kala-barka dhererka badhanka; dhinacyadu waxay ahaanayaan kuwo si buuxda u wareegsan ballac kasta.

Gaarka Ahaanshaha iyo Habaynta Xogta

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

Yaa u Baahan Aaladdan?

  • Qof kasta oo raba inuu si degdeg ah u wareejiyo geesaha sanduuqa si uu ugu isticmaalo naqshadaynta mareegaha.
  • Qof u baahan inuu ka abuuro goobo qumman walxo labajibaaran.
  • Qof naqshadaynaya badhan qaabka kaniiniga ah (pill-shaped).
  • Qof raba inuu abuuro qaabab jilicsan oo dabiici ah ("blob") oo loogu talagalay naqshaddooda.
  • Qof kasta oo u baahan inuu soo saaro koodka CSS ee border radius-ka gaarka ah.

Su'aalaha badanaa la isweydiiyo (FAQ)

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.