స్టైల్ ఫంట్ అంశం
- ముందుకు పేజీ flexWrap
- తరువాత పేజీ fontFamily
- ముందుకు అడుగు తిరిగి HTML DOM Style 对象
నిర్వహణ మరియు వినియోగం
ఫంట్
అంశం సంక్షిప్త రూపంలో అమర్చివేయవచ్చు/తిరిగి పొందవచ్చు మాక్సిమంగా ఆరు విలసల ఫంట్ అంశాలు.
ఈ అంశం ద్వారా, మీరు ఈ క్రమంలో కనిపించే విషయాలను అమర్చివేయవచ్చు/తిరిగి పొందవచ్చు:
font-size మరియు font-family అవసరం. మరొక విలువ లేకపోతే అప్రమేయ విలువను చేరుస్తారు (ఉన్నట్లయితే).
పై లక్షణాలను ఒకేసారి స్టైల్ లక్షణాల ద్వారా కూడా అమర్చవచ్చు. అనుభవం లేని రచయితలకు ఒకేసారి లక్షణాలను ఉపయోగించడం సిఫార్సు చేయబడుతుంది మరియు ఉత్తమ నియంత్రణను పొందడానికి సహాయపడుతుంది.
మరియు చూడండి:
CSS శిక్షణాలు:CSS ఫాంట్
CSS సూచనాలు:font లక్షణం
ఉదాహరణ
ఉదాహరణ 1
పరిశీలించండి <p> అంశం ఫాంట్ ని నిర్వహించండి:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
ఉదాహరణ 2
పరిశీలించండి <p> అంశం ఫాంట్:
alert(document.getElementById("myP").style.font);
సింతాక్స్
font లక్షణాన్ని వారుపును:
object.style.font
font లక్షణాన్ని నిర్వహించండి:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
లక్షణానికి విలువ
విలువ | వివరణ |
---|---|
style | ఫాంట్ శైలిని నిర్వహించండి. |
variant | టెక్స్ట్ను చిన్న కేస్ లోకి మార్చండి. |
weight | ఫాంట్ గుణమును నిర్వహించండి. |
size | ఫాంట్ పరిమాణాన్ని నిర్వహించండి. |
lineHeight | వరుసల అంతరాన్ని నిర్వహించండి. |
family | ఫాంట్ నిర్వహించండి. |
caption | శీర్షిక కంట్రోల్స్ (బటన్లు, డ్రాప్డ్ మెనూలు వంటి) కొరకు ఉపయోగించే ఫాంట్. |
icon | ఐకాన్లను గుర్తించడానికి ఉపయోగించే ఫాంట్. |
menu | మెనూలో ఉపయోగించే ఫాంట్. |
message-box | డైలాగ్లో ఉపయోగించే ఫాంట్. |
small-caption | చిన్న కంట్రోల్స్ లో ఉపయోగించే ఫాంట్. |
status-bar | విండో స్టేటస్ బార్లో ఉపయోగించే ఫాంట్. |
initial | ఈ లక్షణాన్ని అప్రమేయ విలువకు అనుసరిస్తుంది. చూడండి initial. |
inherit | ఈ లక్షణాన్ని తన ముందుకు ఉన్న ప్రాతిపదికన అనుసరిస్తుంది. చూడండి inherit. |
సాంకేతిక వివరాలు
మూల విలువ: | లేదు |
---|---|
వారుపును: | పదబంధం అనేది అంశం వివిధ ఫాంట్ లక్షణాలను వ్యక్తం చేస్తుంది。 |
CSS సంస్కరణ: | CSS1 |
బ్రౌజర్ మద్దతు
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- ముందుకు పేజీ flexWrap
- తరువాత పేజీ fontFamily
- ముందుకు అడుగు తిరిగి HTML DOM Style 对象