CSS இல் ஒரு படத்தின் நிலையை எவ்வாறு அமைப்பது?

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

• • ஃப்ளோட் சொத்தைப் பயன்படுத்துதல்
  • பொருள்-நிலைப் பண்புகளைப் பயன்படுத்துதல்

CSS இல் ஒரு படத்தின் நிலையை எவ்வாறு அமைப்பது?

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

முறை 1: ஃப்ளோட் சொத்தைப் பயன்படுத்துதல்

' மிதவை HTML உறுப்புகளின் இயக்கத்திற்காக CSS ஆல் சொத்து வழங்கப்படுகிறது. விட்டு ' அல்லது ' சரி ' திசையில். HTML உறுப்புகளின் துல்லியமான இடத்திற்கான பதிலளிக்கக்கூடிய அமைப்பை உருவாக்கும் போது இது பெரும்பாலும் பயன்படுத்தப்படுகிறது.

எடுத்துக்காட்டாக, வலைப்பக்கத்தின் இடது மற்றும் வலது பக்கங்களில் உள்ள படங்களை சீரமைக்க 'ஃப்ளோட்' பண்பு பயன்படுத்தப்படுகிறது: