CSS బ్యాక్‌గ్రౌండ్ సరళ పద్ధతి

CSS background - సరళ పద్ధతి

కోడ్ని కుదించడానికి, అన్ని బ్యాక్‌గ్రౌండ్ అటీరిబ్యూట్లను ఒక అటీరిబ్యూట్లో అమర్చవచ్చు. ఇది సరళ పద్ధతి అని పిలుస్తారు.

ఇలా రావచ్చు కాదు:

body {
  background-color: #ffffff;
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

మీరు సరళ పద్ధతిని ఉపయోగించవచ్చు background:

ఉదాహరణ

సరళ పద్ధతిలో బ్యాక్‌గ్రౌండ్ అటీరిబ్యూట్లను ఒక ప్రకటనలో అమర్చు:

body {
  background: #ffffff url("tree.png") no-repeat right top;
}

స్వయంగా ప్రయత్నించండి

సరళ పద్ధతిలో వినియోగించడానికి, అటీరిబ్యూట్ విలువల క్రమం ఈ కంటే ఉంది:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

అటీరిబ్యూట్ విలువలు ఒకటి లేకపోయినా, ఇతర విలువలను ఈ క్రమంలో అమర్చండి. దయచేసి, మేము పైని ఉదాహరణలో background-attachment అటీరిబ్యూట్ని వినియోగించలేదు, ఇది విలువ లేదు.

అన్ని CSS బ్యాక్‌గ్రౌండ్ అటీరిబ్యూట్లు

అటీరిబ్యూట్ వివరణ
background అన్ని బ్యాక్‌గ్రౌండ్ అటీరిబ్యూట్లను ఒక ప్రకటనలో అమర్చుటకు సరళ పద్ధతి
background-attachment బ్యాక్‌గ్రౌండ్ చిత్రం స్థిరంగా లేదా పేజీ మిగతా భాగాలతో కలిసి స్క్రోల్ అవుతుంది అని అమర్చు
background-clip బ్యాక్‌గ్రౌండ్ డ్రాయింగ్ ప్రాంతం నిర్ధారించు
background-color బ్యాక్‌గ్రౌండ్ రంగు అమర్చు
background-image బ్యాక్‌గ్రౌండ్ యామ్రామంచు అమర్చు
background-origin బ్యాక్‌గ్రౌండ్ పోజిషన్
background-position 设置背景图像的开始位置。
background-repeat 设置背景图像是否及如何重复。
background-size 规定背景图像的尺寸。