டெயில்விண்ட் CSS என்பது நன்கு அறியப்பட்ட கட்டமைப்பாகும், இது தனிப்பயனாக்கக்கூடிய மற்றும் பதிலளிக்கக்கூடிய வலைப்பக்கங்கள் அல்லது வடிவமைப்புகளை உருவாக்கப் பயன்படுகிறது. எந்தவொரு தனிப்பயன் CSS ஐ எழுதாமல் உறுப்புகளின் தளவமைப்பு மற்றும் இடைவெளியைக் கட்டுப்படுத்தவும் இது பயனர்களை அனுமதிக்கிறது. திணிப்பு என்பது குறிப்பிட்ட தனிமத்தின் உள்ளடக்கத்திற்கும் அதன் எல்லைக்கும் இடையே உள்ள இடைவெளி. சில நேரங்களில், பயனர்கள் ஒரு தனிமத்தின் ஒவ்வொரு பக்கத்திலும் ஒரே அளவு திணிப்பைப் பயன்படுத்த விரும்புகிறார்கள். டெயில்விண்ட் ஒரு உறுப்பின் அனைத்துப் பக்கங்களிலும் அல்லது மேல், வலது, கீழ் அல்லது இடது போன்ற குறிப்பிட்ட பக்கங்களுக்கு திணிப்பைப் பயன்படுத்துவதற்கு பயன்பாட்டு வகுப்புகளை வழங்குகிறது.
இந்தக் கட்டுரை டெயில்விண்டில் உள்ள ஒரு உறுப்பின் அனைத்துப் பக்கங்களிலும் திணிப்புச் சேர்க்கும் முறையை எடுத்துக்காட்டும்.
டெயில்விண்டில் அனைத்து பக்கங்களிலும் திணிப்பை எவ்வாறு சேர்ப்பது?
டெயில்விண்டில் ஒரு குறிப்பிட்ட உறுப்பின் அனைத்துப் பக்கங்களிலும் திணிப்பைச் சேர்க்க, ஒரு HTML கட்டமைப்பை உருவாக்கவும். பின்னர், குறிப்பிட்ட உறுப்புடன் “p-
தொடரியல்
< உறுப்பு வர்க்கம் = 'p-
2, 4, 12, 20, போன்ற ஏதேனும் விரும்பிய எண்ணுடன் “<மதிப்பு>” ஐ மாற்றவும்.
உதாரணமாக
இந்த எடுத்துக்காட்டில், எங்களிடம் இரண்டு ' இரண்டாவது வெளியீடு டெயில்விண்டில் உள்ள உறுப்பின் அனைத்துப் பக்கங்களிலும் திணிப்பைச் சேர்க்க, HTML நிரலில் விரும்பிய உறுப்புடன் “p-
< உடல் >
< div வர்க்கம் = 'bg-pink-600 p-8 w-max' >
திணிப்பு உள்ளே டெயில்விண்ட் CSS
div >
< br >
< div வர்க்கம் = 'bg-teal-600 p-14 w-max' >
திணிப்பு உள்ளே டெயில்விண்ட் CSS
div >
உடல் >
இங்கே, முதலில்
மேலே உள்ள வெளியீட்டின் படி, குறிப்பிட்ட திணிப்பு இரண்டு கொள்கலன்களின் அனைத்து பக்கங்களிலும் பயன்படுத்தப்பட்டது. முடிவுரை