CSS లక్షణాలు: అన్వేషణ మరియు వినియోగం

ప్రతి CSS ఆస్తికి సంబంధించిన వివరణాత్మక వివరణ ఇక్కడ ఉంది

 

ఆస్తి color

మూలకం యొక్క వచన రంగును ఫార్మాట్ చేయడానికి ఆస్తి color ఉపయోగించబడుతుంది.

విలువ రంగు పేరు(ఉదా, red, blue, green), హెక్సాడెసిమల్ కోడ్(ఉదా, "#FF0000" కోసం red) లేదా విలువలను rgb()  పేర్కొనడానికి ఒక ఫంక్షన్ కావచ్చు Red, Green, Blue.

ఉదాహరణ: color: red;

ఆస్తి font-size

font-size  మూలకంలోని టెక్స్ట్ పరిమాణాన్ని ఫార్మాట్ చేయడానికి ప్రాపర్టీ ఉపయోగించబడుతుంది .

విలువ పిక్సెల్‌లలో ఉండవచ్చు(ఉదా, "12px"), em యూనిట్లు(ఉదా, "1.2em"), శాతాలు(%) లేదా ఇతర సంబంధిత విలువలు.

ఉదాహరణ: font-size: 16px;

ఆస్తి background-color

మూలకం యొక్క నేపథ్య రంగును ఫార్మాట్ చేయడానికి ఆస్తి background-color ఉపయోగించబడుతుంది.

విలువ రంగు పేరు, హెక్సాడెసిమల్ కోడ్ లేదా రంగును పేర్కొనడానికి "rgb()" ఫంక్షన్ కూడా కావచ్చు.

ఉదాహరణ: background-color: #F0F0F0;

ఆస్తి font-family

"ఫాంట్-ఫ్యామిలీ" ప్రాపర్టీ ఒక మూలకంలోని టెక్స్ట్ కోసం ఉపయోగించే ఫాంట్‌ను నిర్వచిస్తుంది.

Arial విలువ ఫాంట్ పేరు(ఉదా,, Helvetica) లేదా ఫాంట్ పేర్ల ప్రాధాన్యత జాబితా కావచ్చు .

ఉదాహరణ: font-family: Arial, sans-serif;

ఆస్తి text-align

మూలకం లోపల వచనాన్ని సమలేఖనం చేయడానికి "టెక్స్ట్-అలైన్" ప్రాపర్టీ ఉపయోగించబడుతుంది.

left విలువ, right, center, లేదా justify(రెండు చివర్లలోని వచనాన్ని సమర్థించడానికి) కావచ్చు .

ఉదాహరణ: text-align: center;

ఆస్తి width

"వెడల్పు" లక్షణం మూలకం యొక్క వెడల్పును నిర్దేశిస్తుంది.

auto విలువ పిక్సెల్‌లు, శాతాలు(%) లేదా ఆటోమేటిక్ వెడల్పులో ఉండవచ్చు .

ఉదాహరణ: width: 300px;

ఆస్తి height

ఆస్తి height  ఒక మూలకం యొక్క ఎత్తును నిర్దేశిస్తుంది.

pixel విలువ, శాతాలు(%) లేదా auto ఆటోమేటిక్ ఎత్తులో ఉండవచ్చు .

ఉదాహరణ: height: 200px;

ఆస్తి border

మూలకం చుట్టూ సరిహద్దుని సృష్టించడానికి ఆస్తి border  ఉపయోగించబడుతుంది.

విలువలో అంచు మందం(ఉదా, "1px"), border style(ఉదా, solid, dotted), మరియు color(ఉదా, red) ఉండవచ్చు.

ఉదాహరణ: border: 1px solid black;

ఆస్తి margin

ఆస్తి margin ఒక మూలకం మరియు పరిసర మూలకాల మధ్య అంతరాన్ని నిర్వచిస్తుంది.

విలువ పిక్సెల్ విలువ(ఉదా, "10px"), ప్రతి దిశకు పిక్సెల్ విలువలు(ఉదా, "5px 10px") లేదా auto  స్వయంచాలక అంతరం కావచ్చు.

ఉదాహరణ: margin: 10px;

ఆస్తి padding

padding ఒక మూలకం యొక్క కంటెంట్ మరియు సరిహద్దు మధ్య అంతరాన్ని ఆస్తి నిర్వచిస్తుంది .

pixel విలువ ప్రతి దిశకు విలువ లేదా పిక్సెల్ విలువలు కావచ్చు .

ఉదాహరణ: padding: 20px;

 

ఇవి CSS లక్షణాలు మరియు వాటి విలువలకు కొన్ని ఉదాహరణలు మాత్రమే. CSS మీ వెబ్‌పేజీలో ఎలిమెంట్‌లను స్టైల్ చేయడానికి మరియు అనుకూలీకరించడానికి అనేక ఇతర లక్షణాలను అందిస్తుంది. మీరు మరిన్ని లక్షణాలను అన్వేషించవచ్చు మరియు మీ వెబ్‌సైట్ కోసం వివిధ డిజైన్‌లు మరియు ప్రభావాలను సాధించడానికి వాటిని అనుకూలీకరించవచ్చు.