பதிலளிக்கக்கூடிய வடிவமைப்புகளில் இடைவெளி மற்றும் திணிப்பை எவ்வாறு நிர்வகிப்பது

இந்த நடைமுறை வழிகாட்டி, பதிலளிக்கக்கூடிய வடிவமைப்புகளில் இடைவெளி மற்றும் திணிப்புகளை நிர்வகிக்கும் முறையை விளக்குகிறது.

பதிலளிக்கக்கூடிய வடிவமைப்புகளில் இடைவெளி மற்றும் திணிப்பை எவ்வாறு நிர்வகிப்பது?

பதிலளிக்கக்கூடிய வடிவமைப்புகளில் திணிப்பு மற்றும் இடைவெளியை CSS ஐப் பயன்படுத்தி நிர்வகிக்கலாம். இடைவெளி மற்றும் திணிப்பு மேலாண்மையின் நடைமுறை விளக்கக்காட்சி கீழே கொடுக்கப்பட்டுள்ளது.

படி 1: ஒரு HTML கட்டமைப்பை உருவாக்கவும்

முதலில், ஒரு HTML கட்டமைப்பையும் அதன் உள்ளே சில உரைகளையும் உருவாக்கவும்

மற்றும்

குறிச்சொற்கள்:

< உடல் >
< h2 > பதிலளிக்கக்கூடிய CSS திணிப்பு மற்றும் இடைவெளி < / h2 >
< div > இந்த CSS உறுப்பு 80px மற்றும் 40px இடைவெளியைக் கொண்டுள்ளது. < / div >
< / உடல் >

படி 2: CSSஐப் பயன்படுத்தவும்

---

---

இப்போது, ​​CSS ஐப் பயன்படுத்துவோம்

குறிச்சொல். முதலில், 'வை அமைக்கவும் திணிப்பு 'சொத்து மதிப்பு' 80px ”உறுப்பைச் சுற்றியுள்ள இடத்தை உருவாக்க. அடுத்து, அமைக்கவும் விளிம்பு 'சொத்து மதிப்பு' 40px ” மற்றும் எல்லைக்கு வெளியே உள்ள உறுப்புகளைச் சுற்றி இடத்தை உருவாக்கவும். கடைசியாக, பயன்படுத்தவும் ' எல்லை 'சொத்து மற்றும் எல்லையை உருவாக்க எல்லை மற்றும் வண்ணத்தைக் குறிப்பிடவும்:

div {
திணிப்பு : 80px ;
விளிம்பு : 40px ;
எல்லை : 1px திடமான பச்சை ;
}

மேலே உள்ள வெளியீடு இடைவெளி மற்றும் திணிப்பு பயன்படுத்தப்பட்டதை உறுதிப்படுத்துகிறது.

உலாவி சாளரத்தை ஒப்பந்தம் செய்வதன் மூலம் இது பதிலளிக்கக்கூடியதா இல்லையா என்பதைச் சரிபார்க்கலாம்:

சாளரத்தை சுருங்கச் செய்வதன் மூலம், உள்ளடக்கம் பதிலளிக்கும் வகையில் செயல்படுகிறது, இது பயன்படுத்தப்படும் திணிப்பு மற்றும் இடைவெளி பதிலளிக்கக்கூடியது என்பதை உறுதிப்படுத்துகிறது.

முடிவுரை

பதிலளிக்கக்கூடிய வடிவமைப்புகளில் இடைவெளி மற்றும் திணிப்புகளை நிர்வகிக்க, CSS பண்புகள் உள்ளன. 'ஐப் பயன்படுத்தி பதிலளிக்கக்கூடிய வடிவமைப்பில் திணிப்பைச் சேர்க்க திணிப்பு ”சொத்து. இதேபோல், '' ஐப் பயன்படுத்தி பதிலளிக்கக்கூடிய வடிவமைப்பில் இடைவெளியைச் சேர்க்கலாம் விளிம்பு ”சொத்து. இந்த எழுதுதல் பயனர்களுக்கு பதிலளிக்கக்கூடிய வடிவமைப்புகளில் இடைவெளி மற்றும் திணிப்புகளை நிர்வகிப்பதற்கான தீர்வை வழங்கியுள்ளது.