CSS ఫాంట్ అట్రిబ్యూట్
- పూర్వ పేజీ ఫ్లోట్
- తదుపరి పేజీ @font-face
నిర్వచనం మరియు ఉపయోగం
ఫాంట్ లఘువాకారం అంశం ఒక వాక్యంలో అన్ని ఫాంట్ అంశాలను అమర్చుతుంది.
ప్రత్యామ్నాయంగా ఉంటుంది:ఈ అంశంలో ఆరవ విలువను కూడా ఉంది: "line-height", దాని ద్వారా పదబద్దం సెట్ చేయవచ్చు.
వివరణ
ఈ లఘువాకారం అంశం ఉపయోగిస్తుంది అనేక విధాలు లేదా మరింత విధాలను ఒకే సారిగా ఎలిమెంట్ ఫాంట్ ను అమర్చడానికి. ఐకాన్ వంటి పదాలను ఉపయోగించడం ద్వారా అనేక సామర్థ్యాలతో ముందుకు పోవడానికి ఉపయోగించబడుతుంది. గమనించండి, ఈ పదాలను ఉపయోగించకపోతే, కనీసం ఫాంట్ పైకి అమర్చాలి.
క్రమంగా ఈ లక్షణాలను సెట్ చేయవచ్చు:
కొన్ని విలువలను సెట్ చేయకూడదు, ఉదాహరణకు font:100% verdana; కూడా అనుమతించబడుతుంది. సెట్ చేయని లక్షణాలు అప్రమేయ విలువలను వాడుతాయి.
మరింత చూడండి:
CSS శిక్షణCSS ఫాంట్
HTML DOM పరిశీలన పత్రికfont లక్షణం
ఉదాహరణ
అన్ని ఫాంట్ లక్షణాలను ఒక వరుసలో సెట్ చేయడం ఇలా చేయవచ్చు:
p.ex1
{
font:italic arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/20px arial,sans-serif;
}
CSS సంకేతాలు
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
అటువంటి లక్షణాల విలువలు:
| విలువ | వివరణ |
|---|---|
| font-style | ఫాంట్ స్టైల్ను నిర్దేశిస్తుంది. చూడండి:font-style సాధిస్తున్న విలువలు. |
| font-variant | ఫాంట్ వారియంట్ను నిర్దేశిస్తుంది. చూడండి:font-variant సాధిస్తున్న విలువలు. |
| font-weight | ఫాంట్ బోల్డ్ను నిర్దేశిస్తుంది. చూడండి:font-weight సాధిస్తున్న విలువలు. |
| font-size/line-height | ఫాంట్ పరిమాణాన్ని మరియు లైన్ హైట్ ని నిర్దేశిస్తుంది. చూడండి:font-size మరియు line-height సాధిస్తున్న విలువలు. |
| font-family | ఫాంట్ కుటుంబాన్ని నిర్దేశిస్తుంది. చూడండి:font-family సాధిస్తున్న విలువలు. |
| caption | బటన్లు, డ్రాప్ డౌన్ లిస్ట్ ల వంటి తలసారి కంట్రోల్స్ వాడే ఫాంట్ని నిర్వచిస్తుంది. |
| icon | ఐకాన్ మార్కర్ వాడే ఫాంట్ని నిర్వచిస్తుంది. |
| menu | డ్రాప్ డౌన్ లిస్ట్ వాడే ఫాంట్ని నిర్వచిస్తుంది. |
| message-box | డైలాగ్ వాడే ఫాంట్ని నిర్వచిస్తుంది. |
| small-caption | కేప్షన్ ఫాంట్ చిన్న వెర్షన్. |
| status-bar | విండో స్టేటస్ బార్ వాడే ఫాంట్ని నిర్వచిస్తుంది. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | not specified |
|---|---|
| పారదర్శకతా లక్షణం: | yes |
| వెర్షన్: | CSS1 |
| జావాస్క్రిప్ట్ సంకేతాలు: | object.style.font="italic small-caps bold 12px arial,sans-serif" |
TIY ఉదాహరణ
- అన్ని ఫాంట్ లక్షణాలు ఒక వరుసలో సెట్ చేయబడినవి
- సరళ లక్షణాలను వాడి ఫాంట్ లక్షణాలను ఒక వరుసలో సెట్ చేయడం ఈ ఉదాహరణలో చూపబడింది.
- ఈ "caption" విలువను వాడి ప్యారాగ్రాఫ్ ఫాంట్ను సెట్ చేయడం
- ఈ ఉదాహరణలో "caption" విలువను వాడి ప్యారాగ్రాఫ్ ఫాంట్ను ఎలా సెట్ చేయాలనేది చూపబడింది.
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ వెర్షన్ ని నిర్దేశిస్తాయి.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- పూర్వ పేజీ ఫ్లోట్
- తదుపరి పేజీ @font-face
