CSS 'காட்சி' + 'ஒளிபுகாநிலை' பண்புகளை எவ்வாறு மாற்றுவது

படி 2: “டிஸ்ப்ளே” சொத்தை அமைக்கவும்

அடுத்து, வகுப்பின் பெயரைப் பயன்படுத்தி div கொள்கலனை அணுகவும். முக்கிய பொருள் 'மற்றும்' அமைக்கவும் காட்சி 'சொத்து:

இங்கே, 'இன் மதிப்பு காட்சி 'சொத்து' என அமைக்கப்பட்டுள்ளது தொகுதி ” அனைத்து திரை அகலத்தையும் எடுத்துக்கொள்வதற்காக.

படி 3: பின்னணி படத்தைச் சேர்க்கவும்

அடுத்து, அணுகப்பட்ட div கொள்கலனில் பின்வரும் CSS பண்புகளைப் பயன்படுத்தவும்:

மேலே கூறப்பட்ட குறியீடு துணுக்கில்:

• ' உயரம் 'மற்றும்' அகலம் ” பண்புகள் வரையறுக்கப்பட்ட தனிமத்தின் அளவை தீர்மானிக்கிறது.
• ' பின்னணி படம் 'சிஎஸ்எஸ் சொத்து ஒரு படத்தைச் செருகுவதற்குப் பயன்படுத்தப்படுகிறது' url() 'உறுப்பின் பின்புறத்தில் செயல்பாடு.
• ' ஒளிபுகாநிலை ” என்பது ஒரு உறுப்புக்கான ஒளிபுகாநிலையின் அளவை தீர்மானிக்கிறது. ஒளிபுகா நிலை வெளிப்படைத்தன்மை அளவை நிரூபிக்கிறது, அங்கு ' 1 'வெளிப்படைத்தன்மை இல்லாமல் பயன்படுத்தப்படுகிறது, மேலும்' 0.5 ” என்பது ” ஐம்பது% 'வெளிப்படைத்தன்மை.
• ' மாற்றம் ” CSS இல் பயனர்கள் சொத்து மதிப்புகளை ஒரு குறிப்பிட்ட காலத்திற்கு சீராக மாற்ற அனுமதிக்கிறது.
• ' விளிம்பு ” ஒரு உறுப்பைச் சுற்றி வரையறுக்கப்பட்ட எல்லைக்கு வெளியே உள்ள இடத்தை வரையறுக்கிறது.

வெளியீடு

படி 4: ': ஹோவர்' போலி தேர்வியைப் பயன்படுத்தவும்

இப்போது, ​​'' உடன் div கொள்கலனை அணுகவும் : மிதவை ” போலித் தேர்வி, நாம் அவற்றின் மீது சுட்டியை நகர்த்தும்போது உறுப்புகளைத் தேர்ந்தெடுக்கப் பயன்படுகிறது:

பின்னர், அமைக்கவும் ஒளிபுகாநிலை தேர்ந்தெடுக்கப்பட்ட உறுப்பின் '' 1 ” வெளிப்படைத்தன்மையை அகற்ற வேண்டும்.

வெளியீடு

மாற்றம் CSS 'காட்சி' மற்றும் 'ஒளிபுகாநிலை' பண்புகளை அமைப்பது அவ்வளவுதான்.

முடிவுரை

மாற்றம் 'காட்சி' மற்றும் 'ஒளிபுகாநிலை' பண்புகளை அமைக்க, முதலில்,