தெளிவான CSS சொத்து CSS1 முதல் CSS பகுதியாக உள்ளது. அகற்றப்பட்ட உறுப்பு மற்றும் பக்க (கள்) ஆகியவற்றின் அருகே என்ன கூறுகள் மிதக்கின்றன என்பதைக் குறிப்பிடுவதை இது அனுமதிக்கிறது. தெளிவான சொத்து ஐந்து சாத்தியமான மதிப்புகள் உள்ளன:
- யாரும்
- விட்டு
- வலது
- இருவரும்
- மரபுரிமையாக
CSS தெளிவான சொத்து பயன்படுத்துவது எப்படி
நீங்கள் ஒரு உறுப்பு மீது ஒரு மிதவை சொத்து பயன்படுத்தி பிறகு தெளிவான சொத்து பயன்படுத்த மிகவும் பொதுவான வழி. உதாரணத்திற்கு:
எனது படத்திற்கு அடுத்த உரை.
என் படத்தை கீழே உள்ள உரை.
எல்லா உறுப்புகளும் இயல்புநிலைக்குத் தானே: none; , வேறு ஏதேனும் ஒன்றை தவிர்த்து மற்ற கூறுகளை நீங்கள் விரும்பவில்லை என்றால், நீங்கள் தெளிவான பாணியை மாற்ற வேண்டும்.
நீங்கள் மிதவை சுத்தப்படுத்துகிறீர்கள் போது, உங்கள் மிதவை உங்கள் தெளிவான பொருந்தும். எனவே நீங்கள் இடதுபுறத்தில் உறுப்பு மிதந்து விட்டால், நீங்கள் இடது பக்கம் தெளிவாக இருக்க வேண்டும். உங்கள் மிதக்கும் உறுப்பு மிதக்க தொடரும், ஆனால் அகற்றப்பட்ட உறுப்பு மற்றும் அதன் பின் எல்லாவற்றையும் வலைப்பக்கத்தில் கீழே தோன்றும்.
வலது மற்றும் இடது இரு இடங்களிலும் மிதக்கப்படும் உறுப்புகள் இருந்தால், நீங்கள் ஒரு பக்கத்தை அழிக்க முடியும் அல்லது நீங்கள் இருவரும் அழிக்க முடியும்.
தளவமைப்புகளில் தெளிவாக பயன்படுத்துதல்
பெரும்பாலான வடிவமைப்பாளர்கள் தெளிவான சொத்துக்களைப் பயன்படுத்துவதற்கான மிகவும் பொதுவான வழி பக்க உறுப்புகளின் அமைப்பில் உள்ளது . நீங்கள் உரை தொகுப்பின் உள்ளே மிதக்கும் ஒரு படத்தைப் பெறலாம், அடுத்த பத்தியில் படத்திற்கு கீழே தொடங்க வேண்டும், அல்லது நீங்கள் கீழே உள்ள உரை ஒன்றைத் தவிர வேறு சில உரைகளைத் தவிர்த்து, நீங்கள் கீழே உள்ள சில உரைகளைத் தவிர்த்துக் கொள்ளலாம்.
இந்த வடிவத்தில் வடிவமைப்பிற்கான HTML இங்கே உள்ளது.
இடதுபுறத்தில் மிதந்து கொண்டிருக்கும் மற்றொரு பிளவைக் கொண்டிருக்கும் கொள்கலன் ஒன்று உள்ளது.
ஒரு குறுகிய மிதக்கும் div
கொள்கலன் DIV உள்ளே உள்ளடக்கங்களை மிதக்க div வலது இருக்க போகிறது என்று.
முக்கிய DIV உள்ளடக்கத்தின் மீதமுள்ள இடத்திற்கு இடது பக்கம் மிதக்கும் சிறிய DIV உடன் இது நன்றாக வேலை செய்யும்.
மிதக்கும் பெட்டியின் கீழ் எழுதத் தொடங்குவதற்கு நீங்கள் விரும்பும் டேக் ஒன்றைச் சேர்ப்பதன் மூலம், மிதக்கும் பெட்டியின் அடுத்த பகுதியை நீங்கள் அழிக்க முடியும்.
ஆனால், மிதமிஞ்சிய பெட்டி அதற்கு அருகில் உள்ள உள்ளடக்கங்களை விட அதிகமாக இருக்கும்போது பிரச்சினை வரும். பின்னர், நீங்கள் பார்க்க முடியும் என, முக்கிய பெட்டியின் பின்னணி நிறம் மிதக்கும் பெட்டியின் கீழே கீழே எடுத்து இல்லை.
அதிர்ஷ்டவசமாக, இந்த சரி செய்ய ஒரு எளிய வழி உள்ளது: சொத்து. முக்கிய பெட்டியை ஓட்டமாக அமைப்பதன் மூலம்: கார்; இந்த எடுத்துக்காட்டில் காட்டப்பட்டுள்ளபடி , பின்னணி வண்ணம் மிக கீழ்த்தரமான பெட்டியைக் கொண்டிருக்கும்.