Ang padding ay isa sa pinakamahalagang aspeto ng at . Sa artikulong ito tatalakayin namin ang kahalagahan at paggamit ng Padding sa CSS sa sumusunod na pagkakasunud-sunod:
Ano ang Padding sa CSS?
Hinahayaan ka ng pag-aari ng padding kung saan tutukuyin at kung gaano karaming puwang ang dapat lumitaw sa pagitan ng teksto ng nilalaman ng isang elemento at ng hangganan nito. Ang halaga ng katangiang ito ay dapat isang haba o isang porsyento, o ang salita.
Kung ang halaga ay minana ito ay magkatulad na padding ng magulang. Dito kung ginamit ang porsyento, ang porsyento ay naglalaman ng kahon.
Mga Katangian sa Padding
Ang mga sumusunod na katangian ng Padding sa CSS ay maaaring magamit upang makontrol ang mga listahan. Gayunpaman, maaari mo ring itakda ang iba't ibang mga halaga para sa padding sa alinman sa mga gilid ng kahon higit sa lahat gamit ang mga sumusunod na katangian:
Padding-ilalim: tinutukoy nito ang ilalim na padding ng isang elemento.
Padding-top: Tinutukoy nito ang tuktok na padding ng isang elemento.
Padding-left: Tinutukoy nito ang kaliwang padding ng elemento.
Padding-kanan: Tinutukoy nito ang tamang padding ng elemento.
Padding: Nagsisilbi itong isang shorthand para sa karagdagang mga pag-aari.
Ang Padding-ilalim na Pag-aari:
Ito ay nakatakda sa ilalim ng padding ng isang elemento. Maaari itong kunin ang mga halaga sa haba ng porsyento.
Ito ang tinukoy na talata sa ibaba padding
Ito ay isa pang talata na tinukoy sa ilalim ng padding sa porsyento ay hadoop mahirap upang matuto
Output:
Ang Padding-top Property
Itatakda ng padding-top na pag-aari ang tuktok na padding ng isang elemento. Maaari itong tumagal ng mga halagang haba ng porsyento.
Ito ang tinukoy na talata sa tuktok na padding
Ito ay isa pang talata na tinukoy nangungunang padding sa porsyento Output:
Ang Padding-left Property
Itatakda ng padding-left na pag-aari ang kaliwang padding ng isang elemento. Maaari itong tumagal ng mga halaga sa haba ng porsyento.
Ito ang tinukoy na talata sa kaliwang padding
Ito ay isa pang talata na tinukoy sa kaliwang padding sa porsyento Output:
pag-uuri ng pag-andar sa c ++
Ang Padding-right Property
Itatakda ng kanang-padding na pag-aari ang tamang padding ng isang elemento. Maaari itong tumagal ng mga halaga sa haba ng porsyento.
Ito ang tinukoy na talata ng tamang padding
c c # c ++
Ito ay isa pang talata na tinukoy ng tamang padding sa porsyento Output:
Ang Pag-aari ng Padding
Itinatakda ng pag-aari ng padding na ito ang kanan, kaliwa, itaas at ibabang padding. Maaari itong kunin ang mga halagang haba ng porsyento.
Ang lahat ng apat na padding na ito ay magiging 20px
Ang tuktok at ibabang padding ay magiging 20px, kanan at kaliwa ay magiging 10% ng kabuuang lapad ng dokumento Ang tuktok at ibabang padding ay magiging 20px, ang tamang padding ay magiging 3% ng kabuuang lapad ng dokumento, sa ilalim ng padding at tuktok na padding ay magiging 20px Output:
Sa pamamagitan nito, natapos namin ang kamangha-manghang artikulong ito sa Padding sa CSS. Inaasahan kong nakakuha ka ng pag-unawa sa iba't ibang mga paraan kung saan maaari kaming magdagdag ng padding.
Kung interesado kang matuto nang higit pa tungkol sa pag-unlad sa web, tingnan ang ni Edureka. Tutulungan ka ng Pagsasanay sa Pagpapatunay ng Pag-unlad sa Web na malaman kung paano lumikha ng mga kahanga-hangang website gamit ang HTML5, CSS3, Twitter Bootstrap 3, jQuery at Google API at i-deploy ito sa Amazon Simple Storage Service (S3).
Kung interesado ka pa rin Kung mayroon kang anumang katanungan, maaari mo itong mai-post sa seksyon ng komento ng blog na 'Padding in CSS' na ito, at babalikan ka namin sa lalong madaling panahon.