Hacker News
Yann LeCun አካላዊ አለምን የሚረዳ AIን ለመገንባት 1B ዶላር ይሰበስባል
አስተያየቶች
Mewayz Team
Editorial Team
Hacker News
በሲኤስኤስ ውስጥ ድንበሮችን ወደ አካላት ማከል የድረ-ገጾችዎን ምስላዊ ማራኪነት እና መዋቅር ለማሳደግ መሰረታዊ ችሎታ ነው። የ‹ድንበር› ንብረት የዚህ ዋና መሳሪያ ነው፣ ይህም የአንድን ንጥረ ነገር ድንበር ** ዘይቤ**፣ **ስፋት** እና ** ቀለም** በአንድ መግለጫ ውስጥ እንድትቆጣጠር ያስችልሃል።
### የ'ድንበር' አጭር እጅ ንብረት
ድንበር ለማከል በጣም የተለመደው መንገድ 'የድንበር' አጭር እጅ ንብረትን መጠቀም ነው። አገባቡ ቀጥተኛ ነው፡-
``ሲኤስ
ድንበር: [ስፋት] [style] [ቀለም];
ለምሳሌ፣ በምስሉ ዙሪያ ባለ 2-ፒክስል ጠንካራ ጥቁር ድንበር ለመጨመር፡-
``ሲኤስ
img {
ድንበር: 2px ጠንካራ ጥቁር;
}
ለበለጠ የጥራጥሬ ቁጥጥር የድንበሩን እያንዳንዱን ገጽታ ለየብቻ መግለፅ ትችላለህ፡-
- `የድንበር ስፋት`፡ ውፍረቱን ያዘጋጃል (ለምሳሌ፡ `1 ፒክስል`፣ `0.5em`፣ `ቀጭን`)።
- `የድንበር አይነት`፡ የመስመሩን ዘይቤ ይገልጻል (ለምሳሌ፡ `ጠንካራ`፣ `የተሰረዘ`፣ `ነጥብ`፣ `ድርብ`፣ `ግሩቭ`)።
- `ድንበር-ቀለም`፡ ቀለሙን ይገልጻል (የተሰየሙ ቀለሞችን፣ HEX፣ RGB፣ ወይም HSL እሴቶችን በመጠቀም)።
### ድንበሮችን ወደ ተወሰኑ ጎኖች መተግበር
CSS ትክክለኛ ቁጥጥር ያቀርባል፣ እነዚህን ባህሪያት በመጠቀም የአንድን ንጥረ ነገር ግለሰባዊ ጎኖች ላይ ድንበሮችን እንዲያክሉ ያስችልዎታል፡
- 'ድንበር-ከላይ'
- 'የድንበር-ቀኝ'
- `ከዳር እስከ ታች»
- 'ከድንበር-በግራ'
እያንዳንዳቸው ተመሳሳይ `[ወርድ] [ቅጥ] [ቀለም]` አገባብ ይከተላል። ለምሳሌ፣ በአንድ ርዕስ ላይ የማስጌጫ መስመር ለማከል፡-
``ሲኤስ
h2 {
ድንበር-ታች፡ 4 ፒክስል ሰረዝ #ff6b6b;
}
### የጋራ የድንበር ቅጦች እና የአጠቃቀም ጉዳዮች
የ‹ድንበር አይነት› ንብረት የተለያዩ የእይታ አማራጮችን ይሰጣል፡-
- ** ድፍን` ***: ቀጣይነት ያለው መስመር. ለአዝራሮች እና መያዣዎች ተስማሚ.
- **`የተሰረዘ`**፡ ተከታታይ ሰረዝ። የቦዘኑ አካባቢዎችን ለማመልከት ይጠቅማል።
- **"ነጥቦች"**: የነጥቦች ቅደም ተከተል። ብዙውን ጊዜ ለስውር መለያዎች ጥቅም ላይ ይውላል.
- ** "ድርብ" ***: ሁለት ትይዩ መስመሮች. የበለጠ መደበኛ፣ የተቀረጸ ውጤት ይፈጥራል።
- **`ግሩቭ`**፡ በድንበር-ቀለም ላይ የሚመረኮዝ ባለ 3 ዲ ጎድጎድ ውጤት።
### ተግባራዊ ምክሮች እና ምርጥ ልምዶች
1. **ከ'ድንበር-ራዲየስ' ጋር ለተጠጋጋ ኮርነሮች ተጠቀም**፡ የተስተካከለ ጠርዞችን እና ዘመናዊ፣ ወዳጃዊ የዩአይኤ ክፍሎችን ለመፍጠር `ድንበር`ን ከ`ድንበር-ራዲየስ` ንብረት ጋር አዋህድ።
``ሲኤስ
አዝራር {
ድንበር: 2 ፒክስል ጠንካራ # 4ecdc4;
ድንበር-ራዲየስ: 8 ፒክስል;
}
2. **የሳጥን ሞዴል አስታውስ**፡ ድንበር የአንድን ንጥረ ነገር አጠቃላይ ልኬቶች ይጨምራል። የተወሰነ `ወርድ' እና 100 ፒክስል 'ቁመት' ያለው ኤለመንት ካሎት እና የ`5 ፒክስል ድንበር ካከሉ፣ አጠቃላይ የተሰራበት መጠኑ 110 ፒክስል በ110 ፒክስል ይሆናል። በተወሰነው ስፋት እና ቁመት ውስጥ ድንበሩን እና ንጣፍን ለማካተት `box-sizing: border-box;` ይጠቀሙ።
3. ** ግልጽ ድንበሮች ለተረጋጉ አቀማመጦች**፡ አንዳንድ ጊዜ በተጠቃሚ መስተጋብር ላይ ድንበር ሲታከል ወይም ሲወገድ የአቀማመጥ ለውጥን ለመከላከል `ግልጽ` ድንበር እንደ ቦታ ያዥ ማከል ትችላለህ (እንደ `: ማንዣበብ`)።
የ CSS ድንበሮችን መቆጣጠር ምስላዊ አሳታፊ እና በሚገባ የተዋቀሩ ድረ-ገጾችን ለመፍጠር ቁልፍ እርምጃ ነው። ንድፍዎን እንዴት እንደሚያሳድጉ ለማየት በተለያዩ ቅጦች፣ ስፋቶች እና ቀለሞች ይሞክሩ።
ንግድዎን በMewayz ያመቻቹ
Mewayz 208 የንግድ ሞጁሎችን ወደ አንድ መድረክ ያመጣል - CRM፣ ደረሰኝ፣ የፕሮጀክት አስተዳደር እና ሌሎችም። የስራ ፍሰታቸውን ቀላል ያደረጉ ከ138,000 በላይ ተጠቃሚዎችን ይቀላቀሉ።
ነጻ ዛሬ ጀምር →We use cookies to improve your experience and analyze site traffic. Cookie Policy