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

CSS के साथ किसी शब्द में पहले अक्षर को कैपिटलाइज़ कैसे करें

CSS के साथ किसी शब्द में पहले अक्षर को कैपिटलाइज़ करने के लिए, हम first-letter सिलेक्टर का उपयोग करते हैं:

मान लीजिए आपके पास सभी लोअरकेस अक्षरों में एक हेडिंग है:

<h2>this is a lowercase heading</h2>

और आप "this" के t को अपरकेस बनाना चाहते हैं। बस अपने CSS स्टाइलशीट में h2 से first-letter सिलेक्टर अटैच करें:

h2:first-letter { text-transform: capitalize; }

आप निश्चित रूप से first-letter सिलेक्टर को क्लास एट्रिब्यूट पर भी लागू कर सकते हैं:

.name-of-class:first-letter { text-transform: capitalize; }
  1. CSS से एलिमेंट का आस्पेक्ट रेशियो कैसे मेंटेन करें? CSS से एलिमेंट का आस्पेक्ट रेशियो कैसे मेंटेन करें?

    CSS से एलिमेंट का आस्पेक्ट रेशियो मेंटेन करने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe

  1. CSS से प्लेसहोल्डर एट्रिब्यूट का कलर कैसे बदलें? CSS से प्लेसहोल्डर एट्रिब्यूट का कलर कैसे बदलें?

    CSS से प्लेसहोल्डर एट्रिब्यूट का कलर बदलने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Sego

  1. CSS से एडिटेबल एलिमेंट का बॉर्डर कैसे हटाएं? CSS से एडिटेबल एलिमेंट का बॉर्डर कैसे हटाएं?

    एडिटेबल एलिमेंट से बॉर्डर हटाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    p{       font-size: