CSS માં સેટિંગ્સ: રેખા અંતર

CSS માં, રેખાઓ વચ્ચે અંતર સુયોજિત કરવા માટે ખૂબ જ સરળ છે. આ હેતુ માટે ત્યાં ખાસ મિલકત છે. પરંતુ, અલબત્ત, ત્યાં અન્ય ઘણા પરિમાણો, કે જે સાર્વત્રિક છે અને લખાણ પર લાગુ કરી શકાય છે.

કોઈ ગોઠવણ કરવામાં આવે છે, તો તમે મૂળભૂત કિંમતો સુયોજિત કરી રહ્યા છે. જો ઇચ્છા હોય તો તમે અંતર બદલી શકો છો. કિંમત ક્યાં ટકાવારી અથવા પિક્સેલ્સ હોઈ શકે છે.

પંક્તિ ઊંચાઈ

લીટીઓ વચ્ચે સીએસએસ અંતર નીચેના આંકડો દ્વારા દર્શાવ્યું કરી શકાય છે.

ઉપરની છબી અનુરૂપ અંતર સાથે પરિમાણો બતાવે છે. લખાણ જગ્યા ફોન્ટ માપ છે. નોંધ કરો કે લખાણ રેખા આધાર અને સહેજ વધારે શરૂ નથી. અક્ષરો જે નીચે તત્વો (જી, વાય, અને તેથી પર) હોય નીચે આપેલી જગ્યા નથી.

નોંધ કરો કે બ્લોક્સ ફોન્ટ માપ વચ્ચે જગ્યા અગ્રણી કહેવામાં આવે છે. HTML અને CSS સાથે આ મિલકત દેખાતું નથી, પરંતુ તે અન્ય ગ્રાફિક અને લખાણ સંપાદકો છે. ઉદાહરણ તરીકે, એડોબ ફોટોશોપ માં.

આંકડો બતાવે છે કે જ્યાં "ફોટોશોપ" માં, તમે અગ્રણી સ્પષ્ટ કરી શકો છો ઉપર. અને આગામી સ્પષ્ટ ફોન્ટ માપ સેટિંગ.

લાઇન ઊંચાઇ મદદથી ઉદાહરણો

CSS માં, રેખાઓ વચ્ચે અંતર ટકા સેટ કરી શકાય છે. એક દૃષ્ટાંતરૂપ ઉદાહરણ નીચે આપવામાં આવે છે.

તમારી સાઇટ વપરાશકર્તા નાના મૂલ્યોના કિસ્સામાં વાંચવા માટે પ્રતિકૂળ રહેશે.

અંતર વૈવિધ્યસભર અને ફોન્ટ માપ હોઈ શકે છે. જો મૂળભૂત પરિમાણો વચ્ચે તફાવત સંખ્યામાં મોટા પ્રમાણમાં અલગ કરશે, તફાવત વધારો અગ્રણી દ્વારા વળતર અપાય છે.

ડિઝાઇન ના subtleties

લીટીઓ વચ્ચે સીએસએસ અંતર વધુ વિવિધ ઇન્ડેન્ટ્સ કસ્ટમાઇઝ કરી શકો છો. આકૃતિ ઉદાહરણ નક્કી કરો.

"તત્વ" આ કિસ્સામાં ટેક્સ્ટ હશે. પૅડિંગ - પેડિંગ પદાર્થ અંદર છે, અને ગાળો - પદાર્થ ઇન્ડેન્ટેશન. બોર્ડર - આ ફ્રેમ. તે 0 પિક્સેલ્સ હોઈ શકે છે, અને 100 હોઈ શકે છે.

નીચેની છબી તાત્કાલિક ધોરણે તમામ માર્જિન ફ્રેમ અને લખાણ એક વાક્ય ઊંચાઇ બતાવે છે.

તમે નાના લખાણ, બધા એક જ વાક્ય માં, અથવા એક અલગ ફકરામાં દરેક લીટી હોય તો, અંતર ઇન્ડેન્ટેડ ફકરા વચ્ચે ગોઠવ્યો કરી શકાય છે. તે maring અને એક કોષમાં રેખાઓ કોઈ અસર પડશે વચ્ચે પેડિંગ છે. તેઓ માત્ર પદાર્થ ની ધાર પર ઇન્ડેન્ટેશન બનાવો. ઑબ્જેક્ટ - આ સમગ્ર ફકરો, તે રેખાઓ બદલે. તે ગુંચવણ ના થવી જોઇએ નથી મહત્વનું છે.

કિસ્સાઓમાં કે જ્યાં પંક્તિઓ, જે બધા જ પદાર્થ સ્થિત છે મોટી સંખ્યામાં, ફોન્ટ મૂળભૂત પરિમાણો બદલવા માટે ભલામણ કરવામાં આવે છે.

કેવી રીતે સીએસએસ રેખાઓ વચ્ચે અંતર વધારવા માટે

HTML ની રેખાઓ વચ્ચે અંતર, તમે કોઈપણ વર્ગ અથવા ટેક્સ્ટ તમામ ફકરા માટે નોંધણી કરી શકો છો. પી {લાઇન ઊંચાઇ:: જો તમે આ જેવી સ્પષ્ટ જો 20px; } - પછી સંપૂર્ણપણે પૃષ્ઠ પર બધી ફકરા 20 પિક્સલનું શબ્દમાળાઓ હશે. તમે અલગ અલગ કદમાં વિવિધ સ્થળોએ માંગો છો, તો તે નીચે પ્રમાણે કરવું હિતાવહ છે.

અમે શૈલીઓ લખી.

.class1 {લાઇન ઊંચાઇ: 20px; }

.class2 {લાઇન ઊંચાઇ: 16px; }

.class3 {લાઇન ઊંચાઇ: 12px; }

સ્પષ્ટતા માટે, અમે એક ફ્રેમ ઉમેરવા માટે, જેથી તમે જોઈ શકો કે તે કામ કરે છે. ભવિષ્યમાં, તે દૂર થવા જોઈએ.

આગળ, અમે આ વર્ગો ઉપયોગ કરે છે. પરિણામ નીચે પ્રમાણે છે.

નોંધ કરો કે ત્રીજા કિસ્સામાં, બેન્ડ લખાણ હંકારી ગયા. બધા કારણે હકીકત એ છે કે માટે ફોન્ટ કદ લીટી ઊંચાઇ કરતાં વધારે હોય છે. તેથી, તેની ખાતરી કરવા માટે કે આવા સંઘર્ષો ન હતા મહત્વનું છે. તમે નાના રેખા ઊંચાઇ કરી રહ્યા છો, તો અનુક્રમે, ફોન્ટ ઘટાડે છે.

તે ખૂબ થોડી ટેક્સ્ટ અને રેખાઓ વચ્ચે નાના અંતર કરવું આગ્રહણીય નથી છે. ત્યારથી વપરાશકર્તાઓ કંઈ તે બધા શાંતિથી વાંચી શકવા સમર્થ હશે નહીં. તેમણે ઝડપથી થાકી આંખોમાં. શોધ એન્જિન પણ કહે છે કે ટેક્સ્ટ યુઝર-ફ્રેંડલી છે.

વધુમાં, તાજેતરના વર્ષોમાં ત્યાં મોબાઇલ વપરાશકર્તાઓ માટે ઉપયોગીતા પર ખાસ ભાર મૂકવામાં આવે છે. ત્યાં ભલામણો હંમેશા કહ્યું છે કે ફોન્ટ કદ સામાન્ય નથી, નાના હોવા જોઈએ. ખાસ કરીને મજબૂત તે સંદર્ભ અસર કરે છે. તેમના નાના કદ સાથે વપરાશકર્તા સાઇટ સંશોધક વાપરવા માટે મુશ્કેલ હશે.

શોધ એન્જિન "Google" એક ખાસ સાધન છે કે જે વિશ્લેષણ મદદ કરે છે. તે વેબમાસ્ટર માટે ખૂબ જ અનુકૂળ છે.

અહીં પરિણામો હોઇ શકે છે એક ઉદાહરણ છે.

કારણ કે આ માપદંડ શોધ પરિણામો પર અસર આ ટીપ્સ વાપરવા માટે ભલામણ કરવામાં આવે છે.