फ़ॉन्ट प्रॉपर्टी
font प्रॉपर्टी एक शॉर्टहैंड प्रॉपर्टी है,
जिसमें निम्नलिखित CSS प्रॉपर्टीज़ का उपयोग किया जा सकता है:
font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
सिंटैक्स
सेलेक्टर {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
अनिवार्य प्रॉपर्टीज़ font-size
और font-family हैं, बाकी को क्रम बनाए रखते हुए
छोड़ा जा सकता है।
font-style, font-variant,
font-weight प्रॉपर्टीज़ को एक-दूसरे के सापेक्ष
किसी भी क्रम में रखा जा सकता है।
ध्यान दें कि line-height प्रॉपर्टी
font-size प्रॉपर्टी के बाद स्लैश के माध्यम से लिखी जाती है।
उदाहरण
आइए इटैलिक टेक्स्ट बनाएं जिसका आकार
15px हो, Arial प्रकार का हो, और लाइन-हाइट
30px हो:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
उदाहरण
एक और उदाहरण:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
उदाहरण
केवल फ़ॉन्ट आकार और फ़ॉन्ट परिवार निर्धारित करें, अन्य प्रॉपर्टीज़ को छोड़ते हुए:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
उदाहरण
यदि केवल फ़ॉन्ट आकार निर्धारित किया जाता है, तो यह लागू नहीं होगा, क्योंकि फ़ॉन्ट परिवार भी अनिवार्य रूप से निर्धारित होना चाहिए:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
