CSS flex-grow प्रॉपर्टी निर्दिष्ट करती है कि फ्लेक्स आइटम बाकी आइटम्स के सापेक्ष कितना बढ़ेगा जब अतिरिक्त स्थान उपलब्ध हो। डिफ़ॉल्ट 0 है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {   &n

CSS flex-shrink प्रॉपर्टी निर्दिष्ट करती है कि फ्लेक्स आइटम बाकी आइटम्स के सापेक्ष कितना सिकुड़ेगा जब स्थान कम हो। डिफ़ॉल्ट 1 है। 0 सेट करने से आइटम नहीं सिकुड़ता। उदाहरण <!DOCTYPE html> <html>    <head>       <style>         &nbs

CSS flex-basis प्रॉपर्टी का उपयोग करके फ्लेक्स आइटम की प्रारंभिक मुख्य आकार (चौड़ाई या ऊंचाई) सेट करें। यह width या height को ओवरराइड करता है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .mycontainer { &nbs

CSS @keyframes का उपयोग करके बैकग्राउंड प्रॉपर्टी (रंग, इमेज, पोजिशन, आकार) को एक साथ एनिमेट करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 400px; &

CSS background-color प्रॉपर्टी को एनिमेट करने के लिए @keyframes का उपयोग करें। यह सरल रंग परिवर्तन एनिमेशन बनाता है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {           &nbs

CSS background-position प्रॉपर्टी को एनिमेट करने के लिए @keyframes का उपयोग करें, जिससे बैकग्राउंड इमेज चलती हुई दिखाई देती है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {        

CSS tab-size प्रॉपर्टी टैब वर्ण की चौड़ाई स्पेस में सेट करती है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {             tab-size: 12;          

CSS tab-size प्रॉपर्टी का उपयोग करके टैब वर्ण (\\t) की चौड़ाई स्पेस में सेट करें। यह <pre> या कोड ब्लॉक में उपयोगी है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {         &

CSS unicode-bidi प्रॉपर्टी टेक्स्ट को बहुभाषी समर्थन के लिए ओवरराइड या आइसोलेट करती है, direction प्रॉपर्टी के साथ मिलकर काम करती है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {     &nbs

CSS unicode-bidi प्रॉपर्टी का उपयोग करके टेक्स्ट को बहुभाषी समर्थन (दाएं-से-बाएं और बाएं-से-दाएं) के लिए ओवरराइड या आइसोलेट करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {       &

फ्लेक्स आइटम्स को लंबवत (शीर्ष से नीचे) क्रम में व्यवस्थित करने के लिए flex-direction: column का उपयोग करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {           &nb

फ्लेक्स आइटम्स को लंबवत रूप से नीचे से ऊपर (उल्टे क्रम में) व्यवस्थित करने के लिए flex-direction: column-reverse का उपयोग करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {      

CSS Grid में किसी ग्रिड आइटम को किस रो लाइन से शुरू करना है, यह निर्दिष्ट करने के लिए grid-row-start प्रॉपर्टी का उपयोग करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .container {       &n

CSS Grid में स्वतः निर्मित रो के आकार को सेट करने के लिए grid-auto-rows प्रॉपर्टी का उपयोग करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .container {             display: g

फ्लेक्स आइटम्स को क्षैतिज रूप से दाएं से बाएं क्रम में व्यवस्थित करने के लिए flex-direction: row-reverse का उपयोग करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {        

CSS nav-left प्रॉपर्टी (अब अप्रचलित) कीबोर्ड नेविगेशन में बाएं तीर दबाने पर फोकस किस तत्व पर जाएगा, यह निर्दिष्ट करती थी। यह केवल पुराने ब्राउज़र्स में काम करती थी। उदाहरण <!DOCTYPE html> <html>    <head>       <style>         &nb

CSS border-top प्रॉपर्टी (ऊपरी बॉर्डर की चौड़ाई, शैली, रंग) को एनिमेट करने के लिए @keyframes का उपयोग करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          table,th,td {            

CSS radial-gradient() फ़ंक्शन का उपयोग करके रेडियल ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200

CSS border-bottom-color प्रॉपर्टी को एनिमेट करने के लिए @keyframes का उपयोग करें। यह नीचे की बॉर्डर का रंग बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style>    div {       width: 500px;       height: 400px;       ba

CSS flex-basis प्रॉपर्टी (फ्लेक्स आइटम की प्रारंभिक मुख्य आकार) को एनिमेट करने के लिए @keyframes का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style>    .box {       display: flex;       background-color: green;    } &