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

CSS का उपयोग करके लेटर स्पेसिंग

<घंटा/>

अक्षरों यानी अक्षरों के बीच स्पेस सेट करने के लिए, लेटर-स्पेसिंग प्रॉपर्टी का इस्तेमाल करें। संपत्ति के मूल्य निम्नलिखित हैं -

letter-spacing: normal|length|initial|inherit;

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 {
   letter-spacing: 1px;
}
p.demo2 {
   letter-spacing: 10px;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html>

आउटपुट

CSS का उपयोग करके लेटर स्पेसिंग

उदाहरण

आइए अब एक और उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 {
   letter-spacing: 1cm;
}
p.demo2 {
   letter-spacing: -2px;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html>

आउटपुट

CSS का उपयोग करके लेटर स्पेसिंग


  1. आरजीबीए का उपयोग कर सीएसएस पारदर्शिता

    CSS पारदर्शिता के लिए RGBA () मानों का उपयोग करें। रंग की अस्पष्टता निर्दिष्ट करने के लिए अल्फा चैनल पैरामीटर सेट करें। RGBA का उपयोग करके CSS पारदर्शिता को लागू करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: &qu

  1. CSS इमेज स्प्राइट का उपयोग करने का लाभ

    इमेज स्प्राइट का उपयोग करने का मुख्य लाभ http अनुरोधों की संख्या को कम करना है जो हमारी साइट के लोड समय को तेज करता है। छवियां भी तेजी से लोड होती हैं जिससे किसी घटना पर एक छवि से दूसरी छवि पर स्विच करना बहुत आसान हो जाता है। इमेज स्प्राइट एकल छवि में रखी गई छवियों का एक संग्रह है। CSS का उपयोग करत

  1. CSS में Data-Attributes (data-*) का उपयोग करना

    हम data-* विशेषता का उपयोग करके तत्वों के बारे में अतिरिक्त जानकारी संग्रहीत कर सकते हैं। निम्नलिखित उदाहरण CSS डेटा-* विशेषता को दर्शाते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> dl {    margin: 2%; } p {    width: 60%;    background-col