Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS3 यूजर इंटरफेस प्रॉपर्टी


यूजर इंटरफेस प्रॉपर्टी आपको किसी भी एलिमेंट को कई स्टैंडर्ड यूजर इंटरफेस एलिमेंट्स में से एक में बदलने की अनुमति देती है।

CSS3 यूजर इंटरफेस में उपयोग की जाने वाली कुछ सामान्य प्रॉपर्टीज:

मान
विवरण
Appearance यूजर को एलिमेंट्स को यूजर इंटरफेस एलिमेंट्स बनाने की अनुमति देता है
box-sizing यूजर्स को एलिमेंट्स को एरिया में स्पष्ट तरीके से फिक्स करने की अनुमति देता है
Icon एरिया पर आइकन प्रदान करने के लिए उपयोग किया जाता है
Resize एरिया में मौजूद एलिमेंट्स को रिसाइज़ करने के लिए उपयोग किया जाता है
outline-offset आउटलाइन के पीछे ड्रॉ करने के लिए उपयोग किया जाता है
nav-down कीपैड में डाउन एरो बटन दबाने पर नीचे जाने के लिए उपयोग किया जाता है
nav-left कीपैड पर लेफ्ट एरो बटन दबाने पर बाएं जाने के लिए उपयोग किया जाता है
nav-right कीपैड पर राइट एरो बटन दबाने पर दाएं जाने के लिए उपयोग किया जाता है
nav-up कीपैड में अप एरो बटन दबाने पर ऊपर जाने के लिए उपयोग किया जाता है

  1. CSS3 से यूज़र इंटरफ़ेस एक्सटेंड करना CSS3 से यूज़र इंटरफ़ेस एक्सटेंड करना

    यूज़र इंटरफ़ेस एक्सटेंड करने के लिए, CSS resize और outline-offset प्रॉपर्टीज़ के साथ आता है। निम्न एक उदाहरण है -उदाहरण<!DOCTYPE html> <html> <head> <style> div {    margin: 20px;    border: 1px solid rgb(0, 26, 255);    outline: 4px dashed rgb(9

  1. CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी

    ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी हमें transition-property, transition-duration, transition-timing function और transition-delay को एक लाइन में transition प्रॉपर्टी के मान के रूप में निर्दिष्ट करने की अनुमति देती है।CSS में ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी का कोड निम्न है -उदाहरण<!DOCTYPE html> <

  1. CSS3 से एलिमेंट्स का 2D ट्रांसफॉर्मेशन CSS3 से एलिमेंट्स का 2D ट्रांसफॉर्मेशन

    2D ट्रांसफॉर्म्स का उपयोग एलिमेंट स्ट्रक्चर को ट्रांसलेट, रोटेट, स्केल, और स्क्यू के रूप में पुनः बदलने के लिए किया जाता है।निम्न कुछ 2D ट्रांसफॉर्म फंक्शन्स हैं -क्र.सं.मान और विवरण1matrix(n,n,n,n,n,n)छह मानों के साथ मैट्रिक्स ट्रांसफॉर्म्स परिभाषित करता है2translate(x,y)x-axis और y-axis के साथ एलि