सीएसएस म॑ तत्वऽ म॑ सीमा जोड़ना अपनऽ वेब पन्ना केरऽ दृश्य आकर्षण आरू संरचना क॑ बढ़ाबै लेली एगो मौलिक कौशल छै । `border` गुण एकरऽ लेलऽ प्राथमिक उपकरण छै, जे आपक॑ एकल घोषणा म॑ कोनों तत्व केरऽ सीमा केरऽ **शैली**, **चौड़ाई**, आरू **रंग** क॑ नियंत्रित करै के अनुमति दै छै.
### `सीमा` आशुलिपि संपत्ति
सीमा जोड़य के सबस आम तरीका अछि `सीमा` आशुलिपि गुण के उपयोग करब. एकर वाक्य रचना सोझ अछि : १.
```css
सीमा: [चौड़ाई] [शैली] [रंग];
उदाहरण के लेल, कोनो छवि के चारू कात 2-पिक्सेल ठोस कारी सीमा जोड़य लेल:
```css
img { 1।
सीमा: 2px ठोस काला;
} .
अहां सीमा कें प्रत्येक पहलू कें अलग सं सेहो परिभाषित कयर सकय छी बेसि दानेदार नियंत्रण कें लेल:
- `सीमा-चौड़ाई`: मोटाई सेट करैत अछि (जैसे, `1px`, `0.5em`, `पतला`)।
- `सीमा-शैली`: रेखा शैली (जैसे, `ठोस`, `डैश`, `बिंदीदार`, `डबल`, `नाली`) क॑ परिभाषित करै छै ।
- `border-color`: रंग निर्दिष्ट करैत अछि (नामक रंग, HEX, RGB, या HSL मान क उपयोग कए)।
### विशिष्ट पक्ष पर सीमा लागू करब
CSS सटीक नियंत्रण प्रदान करयत छै, जे अहां कें इ गुणक कें उपयोग करयत कोनों तत्व कें अलग-अलग पक्षक मे सीमा जोड़य कें अनुमति देयत छै:
- `सीमा-शीर्ष`
- `सीमा-दहिना`
- `सीमा-तल`
- `सीमा-बाम`
प्रत्येक एकहि `[चौड़ाई] [शैली] [रंग]` वाक्य रचना के पालन करैत अछि. जेना कोनो शीर्षक मे सजावटी रेखांकन जोड़बाक लेल:
```css
h2 { 1।
सीमा-नीचे: 4px डैश # ff6b6b;
} .
### आम सीमा शैलियाँ एवं उपयोग केस
`सीमा-शैली` गुण अनेक दृश्य विकल्प प्रदान करैत अछि:
- **`ठोस`**: एक निरंतर रेखा। बटन आ कंटेनर के लेल आदर्श।
- **`dashed`**: डैश की एक श्रृंखला। निष्क्रिय क्षेत्र के संकेत के लिये उपयोगी |
- **`बिंदीदार`**: बिन्दुओं का एक क्रम। प्रायः सूक्ष्म विभाजक के लिये प्रयोग किया जाता है |
- **`डबल`**: दू समानांतर रेखा। एकटा बेसी औपचारिक, फ्रेम कएल गेल प्रभाव उत्पन्न करैत अछि ।
- **`नाली`**: एक 3 डी खांचे वाला प्रभाव, सीमा-रंग के आधार पर |
### व्यावहारिक टिप्स एवं सर्वोत्तम अभ्यास
1. **गोल कोने के ललए `सीमा-त्रिज्या` के साथ प्रयोग करक**: `सीमा-त्रिज्या` के साथ `सीमा-त्रिज्या` गुण कको संयोजन करकय नरम किनारे और आधुनिक, अनुकूल यूआई घटक बनाकय |
```css
.बटन { 1।
सीमा: 2px ठोस # 4ecdc4;
सीमा-त्रिज्या: 8px;
} .
2. **बॉक्स मॉडल याद राखू**: एकटा सीमा कोनो तत्व के कुल आयाम मे जोड़ैत अछि | यदि अहां कें पास कोनों तत्व छै जेकरऽ परिभाषित `चौड़ाई` आरू `ऊँचाई` 100px छै आरू एक `5px` सीमा जोड़ै छै, त॑ ओकरऽ कुल रेंडर आकार 110px बाई 110px होय जाय छै. तत्व क' निर्दिष्ट चौड़ाई आओर ऊंचाई क' भीतर सीमा आओर पैडिंग क' शामिल करबाक लेल `box-sizing: border-box;` क' उपयोग करू.
3. **स्थिर लेआउट कें लेल पारदर्शी सीमा**: कखनो-कखनो, अहां एकटा `पारदर्शी` सीमा कें प्लेसहोल्डर कें रूप मे जोड़ सकय छी ताकि लेआउट शिफ्ट कें रोकल जा सकय जखन उपयोगकर्ता बातचीत पर कोनों सीमा जोड़ल गेलय या हटा देल जायत छै (जैना `:hover`).
सीएसएस सीमाक मे महारत हासिल करनाय दृश्य आकर्षक आ सुसंरचित वेबसाइट बनावा मे एकटा प्रमुख कदम छै. अलग-अलग शैली, चौड़ाई, आ रंग के प्रयोग करू आ देखू जे ओ अहां के डिजाइन के कोना बढ़ा सकैत अछि.
मेवेज
क' संग अपन व्यवसाय सुव्यवस्थित करू
मेवेज 208 बिजनेस मॉड्यूल क॑ एक प्लेटफॉर्म म॑ लाबै छै — सीआरएम, चालान, परियोजना प्रबंधन, आरू बहुत कुछ. 138,000+ उपयोगकर्ता सँ जुड़ू जे अपन कार्यप्रवाह केँ सरल बनौलनि.
आइ मुक्त शुरू करू →
क अछि
आओर एकरा class="faq-section" क' संग एकटा div मे लपेटब.
अहाँ मार्कडाउनक प्रयोग नहि क' सकैत छी.
div आओर question फॉर्मेटिंग के छोड़ि क' कोनो अतिरिक्त HTML टैग के प्रयोग नहि करू.
प्रत्येक प्रश्नक उत्तर एकटा पैराग्राफ मे हेबाक चाही।