CSS ലൈൻ സ്പെയ്സിംഗ് ലഭിക്കുന്നതിന് CSS Line-Alt Property ഉപയോഗിക്കുക
നിങ്ങളുടെ വെബ്പേജുകളിൽ നിങ്ങളുടെ ലൈൻ സ്പെയ്സിംഗ് ബാധിക്കുന്ന രീതിയിൽ CSS സ്റ്റൈൽ പ്രോപ്പർട്ടി ലൈൻ-എറർ ഉപയോഗിക്കുന്നതെങ്ങനെയെന്ന് അറിയുക.
CSS സ്പെയ്സിൻറെ മൂല്യങ്ങൾ
CSS സ്റ്റൈൽ സ്വകാരത്തിലുള്ള ലൈൻ-ഉയരം CSS ലൈൻ സ്പെയ്സിനെ ബാധിക്കുന്നു. ഈ പ്രോപ്പർട്ടി 5 വ്യത്യസ്ത മൂല്യങ്ങൾ വരെ എടുക്കുന്നു:
- സാധാരണ: ഫോണ്ട് വലുപ്പവുമായി ബന്ധപ്പെട്ട വരി സ്പെയ്സിംഗിനുള്ള ഒരു മൂല്യം ബ്രൌസർ നിർണ്ണയിക്കുന്നു. ഇത് സാധാരണയായി ഫോണ്ട് സൈസ് അല്ലെങ്കിൽ ചെറുതായി വലുപ്പമുള്ളതാണ് (20% പോലെയുള്ളവ).
- അവകാശമാക്കുക: പാരന്റ് ഘടകത്തിന്റെ വരി അകലത്തിൽ നിന്ന് ലൈൻ സ്പേസിംഗ് എടുക്കണം. ഫോണ്ട് വലുപ്പത്തേക്കാൾ 30% വലുപ്പമുള്ള വരിയും ഉയരത്തിൽ അടങ്ങിയിരിക്കുന്ന പാരാഗ് ടാഗുകളും നിങ്ങൾ സജ്ജമാക്കുമ്പോൾ, ഫോണ്ട് വലുപ്പത്തേക്കാൾ 30% വലുപ്പമുള്ള ഒരു ലൈൻ-ഉയരം ഉണ്ടായിരിക്കും.
- ഒരു സംഖ്യ: ലൈൻ-ഉയരത്തിന്റെ അളവ് യൂണിറ്റ് ഇല്ലെങ്കിൽ, അത് വരിയുടെ ഫോണ്ട് സൈസിൽ ഒരു മൾട്ടിപ്ലയർ ആയി കണക്കാക്കും. അതിനാൽ ഫോണ്ടിന്റെ വലുപ്പത്തെ അപേക്ഷിച്ച് 1.25 എന്ന വരി-ഉയരം 25% വലുതാണ്.
- ഒരു ദൈർഘ്യം: ലൈൻ-ഉയരത്തിന്റെ അളവ് ഒരു യൂണിറ്റ് ഉണ്ടെങ്കിൽ, അത് വരികൾക്കിടയിൽ ഉണ്ടായിരിക്കേണ്ട കൃത്യമായ സ്ഥലം. 1.25 മില്ലീമീറ്റർ അകലെ 1.25 മില്ലീമീറ്റർ വരെയാകുമായിരിക്കും.
- ഒരു ശതമാനം: വരി-ഉയരം ഒരു ശതമാനമാണെങ്കിൽ അത് ഫോണ്ട് സൈസിന്റെ ശതമാനമാകും. അതുകൊണ്ട് 125% വരി-ശരിക്കും ഫോണ്ട് സൈക്കിനെ അപേക്ഷിച്ച് 25% വലുതാണ്.
നിങ്ങൾ CSS ലൈൻ സ്പെയ്സിനായി ഉപയോഗിക്കേണ്ട മൂല്യം
മിക്കവാറും സന്ദർഭങ്ങളിൽ, വരി സ്പെയ്സിംഗിനുള്ള ഏറ്റവും മികച്ച ചോയിസ് അത് സ്വതവേയുള്ളതാണ് - അല്ലെങ്കിൽ "സാധാരണ". ഇത് സാധാരണയായി വായന ചെയ്യാവുന്നതും നിങ്ങൾക്ക് പ്രത്യേകമായ എന്തെങ്കിലും ചെയ്യണമെന്നില്ല. എന്നാൽ ലൈൻ സ്പേസിംഗ് മാറ്റുന്നത്, നിങ്ങളുടെ വാചകം വ്യത്യസ്തമായ ഒരു ഭാവം നൽകുന്നു.
നിങ്ങളുടെ ഫോണ്ട് സൈസ് ഇഎം അഥവാ സെന്ററുകൾ എന്ന് നിർവചിച്ചിട്ടുണ്ടെങ്കിൽ , നിങ്ങളുടെ ലൈൻ-ഉയരവും ആ രീതിയിൽ നിർവ്വചിക്കണം. വായനക്കാർക്ക് ഫോണ്ട് വലുപ്പം മാറ്റാനും നിങ്ങളുടെ അനുപാതത്തിൽ നിങ്ങളുടെ അനുപാതത്തിൽ ഒരേ അനുപാതവും നിലനിർത്താനും വായനക്കാർക്ക് കഴിയും.
ഒരു പോയിന്റ് (pt) മൂല്യമുള്ള പ്രിന്റ് ശൈലി ഷീറ്റുകൾക്ക് വരിയുടെ ഉയരം സജ്ജമാക്കുക. പോയിന്റ് ഒരു അച്ചടി അളവാണ്, അപ്പോൾ നിങ്ങളുടെ അക്ഷരങ്ങളുടെ വലുപ്പം പോയിന്റ് ആയിരിക്കണം.
ആളുകളുടെ ഏറ്റവും ആശയക്കുഴപ്പമുണ്ടെന്ന് ഞാൻ കണ്ടെത്തിയതിനാലാണ് ഞാൻ നമ്പർ ചോയ്സ് ഉപയോഗിക്കാൻ ഇഷ്ടപ്പെടുന്നില്ല. ഈ സംഖ്യ തികച്ചും വലുതാണെന്ന് അനേകർ കരുതുന്നു, അതിനാൽ അവർ അത് വലിയതാക്കുന്നു. ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് 14px യിൽ ഒരു ഫോണ്ട് സെറ്റ് ഉണ്ടായിരിക്കാം, അതിനുശേഷം നിങ്ങളുടെ ലൈൻ-ഉയരം 14 ആയി സജ്ജമാക്കുകയും - അതിന് വരികൾക്കിടയിൽ വലിയ വിടവുകൾക്ക് കാരണമാകുകയും ചെയ്യുന്നു - കാരണം ലൈൻ സ്പേസിംഗ് 14 തവണ ഫോണ്ട് സൈസ് ആയി സജ്ജീകരിച്ചിരിക്കുന്നു.
നിങ്ങളുടെ സ്പെയ്സിനു വേണ്ടി എത്ര സ്ഥലം ഉപയോഗിക്കണം?
മുകളിൽ സൂചിപ്പിച്ച പോലെ, അത് മാറ്റുന്നതിന് ഒരു പ്രത്യേക കാരണം നിങ്ങൾക്കില്ലെങ്കിൽ, സ്ഥിര ലൈൻ ലൈൻ സ്പെയ്സിംഗ് ഉപയോഗിക്കാൻ ശുപാർശചെയ്യുന്നു. ലൈൻ സ്പേസിംഗ് മാറ്റുന്നത് വ്യത്യസ്തമായ ഇഫക്റ്റുകൾ ഉണ്ടാക്കാം:
- ഒന്നിച്ചു ചേർക്കുന്ന വാചകം വായിക്കാൻ ബുദ്ധിമുട്ടാണ്. എന്നാൽ ചെറിയ ലൈൻ സ്പെയ്സുകൾ ടെക്സ്റ്റിന്റെ മാനസികാവസ്ഥയെ ബാധിക്കും. ടെക്സ്റ്റ് ഒരുമിച്ച് ചിട്ടപ്പെടുത്തിയാൽ, ടെക്സ്റ്റിന്റെ അർത്ഥം കൂടുതൽ ഇരുണ്ടതോ അല്ലെങ്കിൽ കൂടുതൽ സമ്മർദ്ദമോ ആകാം.
- അകന്നുകൂടിയിരിക്കുന്ന വാചകം വായിക്കാൻ പ്രയാസമാണ്. എന്നാൽ വൈഡ് ലൈൻ സ്പെയ്സുകൾ ടെക്സ്റ്റ് കൂടുതൽ ഒഴുകുന്നതും ദ്രാവകവുമാക്കുന്നു.
- ലൈൻ സ്പേസിംഗ് മാറ്റുന്നത്, സ്പെയ്സുകളിൽ കൂടുതൽ അനുയോജ്യമല്ലാത്തതാകാം അല്ലെങ്കിൽ നിങ്ങളുടെ ഡിസൈനുകളിൽ കൂടുതൽ സ്ഥലം ഏറ്റെടുക്കാൻ കഴിയും.