CSS panglikuran maikling anyo

CSS background - maikling anyo

kung gusto mong maikling pagkakalat ng kodigo, maari mong ilagay ang lahat ng katangian ng panglikuran sa isang katangian. Tinatawag itong maikling anyo.

hindi tulad nito:

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

maari mong gamitin ang maikling anyo background:

halimbawa

gamitin ang maikling anyo upang ilagay ang mga katangian ng panglikuran sa isang pahayag:

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

subukan nang personal

sa paggamit ng maikling anyo, ang pagkakasunod-sunod ng halaga ng katangian ay:

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

ang isang balinghaying halaga ay nawawala at hindi mahalaga, basta ilagay ang ibang halaga ayon sa pagkakasunod-sunod. Mag-ingat, sa mga halimbawa sa itaas, hindi namin ginamit ang katangian ng background-attachment dahil wala siyang halaga.

lahat ng mga katangian ng panglikuran ng CSS

katangian paglalarawan
background maglagay ng maikling anyo ng lahat ng mga katangian ng panglikuran sa isang pahayag.
background-attachment itakda kung ang imaheng panglikuran ay nakasadsad o kasama sa paggalaw ng ibang bahagi ng pahina.
background-clip tiniting saan ilalagay ang larawan ng panglikuran.
background-color itakda ang kulay ng panglikuran ng element.
background-image itakda ang elementong panglikuran.
background-origin tiniting saan ilagay ang imaheng panglikuran.
background-position Set the starting position of the background image.
background-repeat Set whether and how the background image repeats.
background-size Define the size of the background image.