CSS ഔട്ട്ലൈനുകൾ ഒരു ബോർഡറേക്കാൾ കൂടുതലാണ്
CSS ഔട്ട്ലൈൻ പ്രോപ്പർട്ടി ഒരു ആശയക്കുഴപ്പമുള്ള വസ്തുവാണ്. നിങ്ങൾ ആദ്യം അതിനെക്കുറിച്ച് മനസിലാക്കുന്നത്, അത് അതിർത്തി വിൽപനയിൽ നിന്നും വിദൂരമായി വ്യത്യസ്തമാണെന്നറിയുന്നത് ബുദ്ധിമുട്ടാണ്. താഴെ പറയുന്ന വ്യത്യാസങ്ങൾ ഉള്ളതായി W3C വിശദീകരിക്കുന്നു:
- ഔട്ട്ലൈനുകൾ സ്പെയ്സ് എടുക്കുന്നില്ല.
- ഔട്ട്ലൈനുകൾ അപ്രധാനമല്ലാത്തേക്കാം.
ഔട്ട്ലൈനുകൾ സ്പെയ്സ് എടുക്കരുത്
ഈ പ്രസ്താവന, അതിൽത്തന്നെ ആശയക്കുഴപ്പമുണ്ടാക്കുന്നു. നിങ്ങളുടെ വെബ് പേജിൽ ഒരു വസ്തു എങ്ങിനെ വെബ്പേജിൽ ഇടപ്പെട്ടിരിക്കാൻ ഇടയില്ല? പക്ഷെ നിങ്ങളുടെ വെബ്പേജിനെ ഒരു ഉള്ളി പോലെ തോന്നുന്നെങ്കിൽ, പേജിലെ ഓരോ ഇനവും മറ്റൊരു ഇനത്തിന്റെ മുകളിൽ ലേയറായിരിക്കാം. എല്ലായ്പ്പോഴും മൂലകത്തിന്റെ ബോക്സിൽ എല്ലായ്പ്പോഴും സ്ഥാപിച്ചിരിക്കുന്നതിനാൽ ഔട്ട്ലൈൻ പ്രോപ്പർട്ടി സ്ഥലം എടുക്കുന്നില്ല.
ഒരു എലമെൻറിനെ ഒരു മൂലകത്തിന് ചുറ്റും സ്ഥാപിക്കുമ്പോൾ, ആ പേജിൽ ആ ഘടകം എങ്ങനെയുണ്ടാകുമെന്നതിൽ യാതൊരു സ്വാധീനവുമില്ല. ഇത് മൂലകത്തിന്റെ വലുപ്പമോ സ്ഥാനമോ മാറ്റില്ല. നിങ്ങൾ ഒരു ഘടകത്തെക്കുറിച്ച് ഒരു ഔട്ട്ലൈൻ ഇടുകയാണെങ്കിൽ ആ ഘടകത്തിന്റെ ഒരു ഔട്ട് ലൈൻ ഇല്ലെങ്കിൽ അത് അതേ സ്ഥലത്തിന്റെ അളവ് എടുക്കും. ഇത് ഒരു ബോർഡിന്റെ കാര്യത്തിൽ സത്യമല്ല. മൂലകത്തിന്റെ പുറം വീതിയിലും ഉയരത്തിലും ഒരു ഘടകത്തെ അതിർത്തി ചേർക്കുന്നു. അതിനാൽ, നിങ്ങൾക്ക് 50 പിക്സൽ വീതിയുള്ള ഒരു ഇമേജ് ഉണ്ടെങ്കിൽ, അത് 2 പിക്സൽ ബോർഡർ ഉള്ളപ്പോൾ, അത് 54 പിക്സലുകൾ എടുക്കും (ഓരോ വശത്തിന് രണ്ട് പിക്സലുകൾക്കും). 2-പിക്സൽ ഔട്ട്ലൈനിനൊപ്പം സമാന ചിത്രം നിങ്ങളുടെ പേജിൽ 50 പിക്സൽ വീതി മാത്രം എടുക്കും, ചിത്രത്തിന്റെ പുറം വായ്ത്തലയാൽ ഔട്ട്ലൈൻ പ്രദർശിപ്പിക്കും.
ഔട്ട്ലൈനുകൾ ദൈർഘ്യമേറിയതാകാം
നിങ്ങൾ ചിന്തിക്കുന്നത് തുടങ്ങുന്നതിന് മുമ്പ് "രസകരം, ഇപ്പോൾ എനിക്ക് സർക്കിളുകൾ വരയ്ക്കാം!" വീണ്ടും ചിന്തിക്കുക. ഈ പ്രസ്താവന നിങ്ങൾ ചിന്തിക്കുന്നതിനേക്കാൾ വ്യത്യസ്ത അർഥമാൺ. നിങ്ങൾ ഒരു ബോർഡറിൽ ഒരു ബോർഡർ ഇടുമ്പോൾ ഒരു ബ്രൌസർ ഒരു ദീർഘ ചതുരപ്പെട്ട ചതുരത്തിൽ ഉള്ളതുപോലെ അതിനെ ബ്രൌസറിനെ വ്യാഖ്യനിക്കുന്നു. ബോക്സ് നിരവധി ലൈനുകളിൽ വിഭജിക്കപ്പെടുകയാണെങ്കിൽ, ബോക്സ് അടച്ചിട്ടില്ലാത്തതിനാൽ ബ്രൌസർ അരികൾ തുറന്നു വിടുന്നു. ബ്രൌസർ അതിർത്തിയിൽ പരസ്പരം കാണുന്നത് പോലെ അതിർവരമ്പാത്ത വിശാലമായ സ്ക്രീനും - അതിർത്തിയിൽ ഒരു തുടർച്ചയായ ദീർഘചതുരം.
വിപരീതമായി, ഔട്ട്ലൈൻ പ്രോപ്പർട്ടി നോട്ടുകളുടെ കണക്കിലെടുക്കുന്നു. ഒരു രേഖപ്പെടുത്തപ്പെട്ട ഘടകം പല വരികളിലൂടെ സ്ഫടികമണ്ഡലത്തിൽ ഉണ്ടെങ്കിൽ, ബാഹ്യരേഖയുടെ അവസാനത്തിൽ അവസാനിക്കുകയും വീണ്ടും അടുത്ത വരിയിലേക്ക് വീണ്ടും തുറക്കുകയും ചെയ്യുന്നു. സാധ്യമെങ്കിൽ, ഔട്ട്ലൈൻ പൂർണമായും കണക്റ്റുചെയ്ത് തുടരും, ചതുരാകൃതിയിലുള്ള രൂപമില്ലാത്ത ആകൃതി.
ഔട്ട്ലൈൻ പ്രോപ്പർട്ടി ഉപയോഗങ്ങൾ
തിരയൽ പദങ്ങൾ ഹൈലൈറ്റ് ചെയ്യുക എന്നതാണ് ഔട്ട്ലൈനിന്റെ പ്രോപ്പർട്ടി ഏറ്റവും മികച്ച ഉപയോഗങ്ങളിലൊന്ന്. നിരവധി സൈറ്റുകൾ ഇത് ഒരു പശ്ചാത്തല നിറം ഉപയോഗിച്ചാണ് ചെയ്യുന്നത്, പക്ഷേ നിങ്ങൾക്ക് ഔട്ട്ലൈനിന്റെ സ്വഭാവവും ഉപയോഗിക്കാൻ കഴിയും, നിങ്ങളുടെ പേജുകളിൽ അധിക ഇടവേളകൾ ചേർക്കുന്നതിനെ കുറിച്ച് വിഷമിക്കേണ്ട കാര്യമില്ല.
ഔട്ട് ലൈൻ വർണ സ്വത്തവകാശം "ഇൻവെർറ്റേഴ്സ്" എന്ന പദം സ്വീകരിക്കുന്നു, ഇത് ഔട്ട് ഓഫ്ലൈൻ വർണ്ണത്തിന്റെ നേർ വിപരീതത്തിന്റെ വിപരീതമാക്കുന്നു. നിറങ്ങളുടെ ഉപയോഗമില്ലാതെ തന്നെ ഡൈനാമിക് വെബ് പേജുകളിലെ ഘടകങ്ങൾ ഹൈലൈറ്റ് ചെയ്യുന്നതിന് ഇത് നിങ്ങളെ സഹായിക്കുന്നു.
സജീവ ലിങ്കുകൾക്ക് ചുറ്റുമുള്ള രേഖപ്പെടുത്തിയ രേഖ നീക്കംചെയ്യാൻ നിങ്ങൾക്ക് ഔട്ട്ലൈനിന്റെ സ്വഭാവവും ഉപയോഗിക്കാം. CSS- തന്ത്രങ്ങളടങ്ങിയ ഈ ലേഖനം എങ്ങനെ രേഖപ്പെടുത്തണം ഔട്ട്ലൈൻ നീക്കം ചെയ്യുന്നുവെന്ന് കാണിക്കുന്നു.