Yann LeCun ले भौतिक संसार बुझ्ने AI निर्माण गर्न $1B उठाउँछ

CSS मा तत्वहरूमा सीमानाहरू थप्नु भनेको तपाईंको वेब पृष्ठहरूको दृश्य अपील र संरचना बढाउनको लागि आधारभूत सीप हो। `सीमा` गुण यसका लागि प्राथमिक उपकरण हो, जसले तपाईंलाई एउटै घोषणामा तत्वको सीमानाको **शैली**, **चौडाइ**, र **रङ** नियन्त्रण गर्न अनुमति दिन्छ। ### `सीमा` शर्टह्यान्ड सम्पत्ति सीमाना थप्ने सबैभन्दा सामान्य तरिका भनेको `बोर्डर` शर्टह्यान्ड गुण प्रयोग गर्नु हो। यसको सिन्ट्याक्स सीधा छ: ```css किनारा: [चौडाइ] [शैली] [रंग]; उदाहरणका लागि, छवि वरिपरि २-पिक्सेल ठोस कालो किनारा थप्न: ```css img { किनारा: 2px ठोस कालो; } तपाईं थप दानेदार नियन्त्रणको लागि सीमानाको प्रत्येक पक्षलाई छुट्टै परिभाषित गर्न सक्नुहुन्छ: - `सीमा-चौडाइ`: मोटाई सेट गर्छ (जस्तै, `1px`, `0.5em`, `thin`)। - `सीमा-शैली`: रेखा शैली परिभाषित गर्दछ (जस्तै, `ठोस`, `ड्यास गरिएको`, `डॉटेड`, `डबल`, `ग्रुभ`)। - `बोर्डर-रङ`: रङ निर्दिष्ट गर्दछ (नाम रङहरू, HEX, RGB, वा HSL मानहरू प्रयोग गरेर)। ### निश्चित पक्षहरूमा सीमानाहरू लागू गर्दै CSS ले सटीक नियन्त्रण प्रदान गर्दछ, तपाइँलाई यी गुणहरू प्रयोग गरेर तत्वको व्यक्तिगत पक्षहरूमा सीमाहरू थप्न अनुमति दिँदै: - `सीमा-माथि` - 'सीमा-दायाँ' - 'सीमा-तल' - 'सीमा-बायाँ' प्रत्येकले समान `[चौडाइ] [शैली] [रङ]` वाक्यविन्यासलाई पछ्याउँछ। उदाहरणका लागि, शीर्षकमा सजावटी रेखांकन थप्न: ```css h2 { सीमा-तल: 4px ड्यास गरिएको #ff6b6b; } ### साझा सीमा शैली र प्रयोग केसहरू 'सीमा-शैली' सम्पत्तिले विभिन्न दृश्य विकल्पहरू प्रदान गर्दछ: - **`ठोस`**: एक निरन्तर रेखा। बटन र कन्टेनरहरूको लागि आदर्श। - **`ड्यास गरिएको`**: ड्यासहरूको श्रृंखला। निष्क्रिय क्षेत्रहरू संकेत गर्न उपयोगी। - **`डॉटेड`**: थोप्लाहरूको अनुक्रम। प्रायः सूक्ष्म विभाजकहरूको लागि प्रयोग गरिन्छ। - **`डबल`**: दुई समानान्तर रेखाहरू। थप औपचारिक, फ्रेम गरिएको प्रभाव सिर्जना गर्दछ। - **`ग्रुभ`**: किनारा-रङमा निर्भर गर्दै, थ्रीडी ग्रुभ गरिएको प्रभाव। ### व्यावहारिक सुझाव र उत्तम अभ्यासहरू 1. **गोलाकार कुनाहरूका लागि `बोर्डर-रेडियस` प्रयोग गर्नुहोस्**: नरम किनाराहरू र आधुनिक, अनुकूल UI कम्पोनेन्टहरू सिर्जना गर्न `सीमा-त्रिज्या` गुणसँग `सीमा` संयोजन गर्नुहोस्। ```css बटन { किनारा: 2px ठोस #4ecdc4; सीमा-त्रिज्या: 8px; } 2. **बक्स मोडेल सम्झनुहोस्**: एउटा किनाराले तत्वको कुल आयामहरूमा थप्छ। यदि तपाईंसँग 100px को परिभाषित `चौडाई` र `उचाइ` भएको तत्व छ र `5px` किनारा थप्नुभयो भने, यसको कुल रेन्डर गरिएको साइज ११०px x 110px हुन्छ। तत्वको निर्दिष्ट चौडाइ र उचाइ भित्र किनारा र प्याडिङ समावेश गर्न `बक्स-साइजिङ: बोर्डर-बक्स;` प्रयोग गर्नुहोस्। 3. **स्थिर लेआउटहरूका लागि पारदर्शी सीमाहरू**: कहिलेकाहीँ, तपाइँ लेआउट परिवर्तनहरू रोक्नको लागि प्लेसहोल्डरको रूपमा `पारदर्शी` किनार थप्न सक्नुहुन्छ जब सीमाना थपिन्छ वा प्रयोगकर्ता अन्तरक्रियामा हटाइन्छ (जस्तै `:होभर`)। CSS बोर्डरहरू मास्टरिङ दृश्यात्मक रूपमा आकर्षक र राम्रो-संरचित वेबसाइटहरू सिर्जना गर्न एक प्रमुख चरण हो। विभिन्न शैलीहरू, चौडाइहरू, र रङहरूसँग प्रयोग गर्नुहोस् कि तिनीहरूले तपाइँको डिजाइन कसरी बढाउन सक्छन्।