સીએસએસ રૂપરેખા માત્ર એક સરહદ કરતાં વધુ છે
સીએસએસ રૂપરેખા મિલકત ગૂંચવણમાં મૂકે મિલકત છે. જ્યારે તમે સૌ પ્રથમ તે વિશે જાણો છો, ત્યારે તે સમજવું મુશ્કેલ છે કે સરહદની મિલકતથી તે કેવી રીતે અલગ પણ છે. ડબ્લ્યુ 3સી તે નીચેના તફાવતો હોવા તરીકે સમજાવે છે:
- રૂપરેખા સ્થાન લેતા નથી
- રૂપરેખા બિન-લંબચોરસ હોઈ શકે છે.
આઉટલાઇન્સ ઉપર સ્થાન લેતા નથી
આ નિવેદન, પોતે અને તેનામાં ગૂંચવણમાં મૂકે છે. તમારા વેબ પેજ પરની ઑબ્જેક્ટ વેબ પેજ પર કેવી રીતે જગ્યા લઇ શકશે નહીં? પરંતુ જો તમે તમારા વેબ પેજને ડુંગળી જેવી લાગે છે, તો પૃષ્ઠ પરની દરેક વસ્તુ અન્ય આઇટમની ટોચ પર સ્તરવાળી હોઇ શકે છે. આઉટલાઇન પ્રોપર્ટી સ્થાન લેતી નથી કારણ કે તે હંમેશા તત્વના બૉક્સની ટોચ પર મૂકવામાં આવે છે.
જ્યારે એક રૂપરેખા એક તત્વની આસપાસ મૂકવામાં આવે છે, ત્યારે તે પૃષ્ઠ પર તે તત્વ કેવી રીતે મૂકવામાં આવે છે તેના પર કોઈ અસર નથી. તે તત્વના કદ અથવા સ્થાનને બદલતું નથી. જો તમે તત્વ પર એક રૂપરેખા મૂકી દો, તો તે જ જગ્યા જેટલી જગ્યા લેશે, જો તમારી પાસે તે તત્વની રૂપરેખા ન હતી આ સરહદની વાત નથી. તત્વની બાહ્ય પહોળાઈ અને ઊંચાઇમાં એક તત્વની સીમા ઉમેરવામાં આવે છે. તેથી જો તમારી પાસે એક છબી છે જે 50 પિક્સેલ પહોળી હતી, તે 2-પિક્સેલની સીમા સાથે, તે 54 પિક્સેલ્સ લેશે (દરેક બાજુની સરહદ માટે 2 પિક્સેલ્સ) 2 પિક્સલની રૂપરેખા સાથેની તે જ છબી તમારા પૃષ્ઠ પર માત્ર 50 પિક્સેલની પહોળાઈ લાગી શકે છે, રૂપરેખા છબીની બહારની ધાર પર દેખાશે.
રૂપરેખા બિન-લંબચોરસ હોઈ શકે છે
તમે "ઠંડું" શરૂ કરો તે પહેલાં, હવે હું વર્તુળો દોરી શકું છું! " ફરીથી વિચાર. આ નિવેદનમાં તમને લાગે તે કરતાં અલગ અર્થ છે જ્યારે તમે કોઈ તત્વ પર સરહદ કરો છો, તો બ્રાઉઝર એલિમેન્ટની અર્થઘટન કરે છે જો તે એક વિશાળ લંબચોરસ બોક્સ છે. જો બૉક્સ ઘણી રેખાઓ પર વિભાજિત થઈ જાય, તો બ્રાઉઝર ફક્ત ધારને છોડી દે છે કારણ કે બૉક્સ બંધ નથી. તે એવું છે કે બ્રાઉઝર સરહદને એક અનંત વિશાળ સ્ક્રીન સાથે જોઈ રહ્યું છે - તે સરહદ માટે એક સતત લંબચોરસ હોવા માટે પૂરતી વિશાળ છે.
તેનાથી વિપરીત, આઉટલાઇન પ્રોપર્સને ધ્યાનમાં લે છે. જો રેખાંકિત તત્વ ઘણી રેખાઓ છવાયેલી હોય તો રેખાના અંતમાં રૂપરેખા બંધ થાય છે અને ફરીથી આગળના વાક્ય પર ફરી ખોલવામાં આવે છે. જો શક્ય હોય, તો રૂપરેખા સંપૂર્ણપણે જોડાયેલ રહેશે, બિન-લંબચોરસ આકાર બનાવવી.
આઉટલાઇન સંપત્તિનો ઉપયોગ
આઉટલાઇન સંપત્તિના શ્રેષ્ઠ ઉપયોગો પૈકીનો એક છે શોધ શબ્દો પ્રકાશિત કરવા. ઘણી સાઇટ્સ પૃષ્ઠભૂમિ રંગ સાથે આવું કરે છે, પરંતુ તમે બાહ્યકાલીન સંપત્તિનો ઉપયોગ પણ કરી શકો છો અને તમારા પૃષ્ઠો પર કોઈપણ વધારાની અંતર ઉમેરવાની ચિંતા કરશો નહીં.
આઉટલાઇન રંગની મિલકત "ઇન્વર્ટ" શબ્દને સ્વીકારે છે જે આઉટલાઇન રંગને વર્તમાન બેકગ્રાઉન્ડના વ્યસ્તમાં બનાવે છે. આ તમને ગતિશીલ વેબ પેજ પરના ઘટકોને પ્રકાશિત કરવા માટે પરવાનગી આપે છે, તે જાણવા માટે રંગોનો ઉપયોગ કરવાની જરૂર છે.
સક્રિય લિંક્સની આસપાસ ડોટેડ રેખાને દૂર કરવા માટે તમે આઉટલાઇન પ્રોપર્ટીનો પણ ઉપયોગ કરી શકો છો. CSS-Tricks ના આ લેખ બતાવે છે કે ડોટેડ આઉટલાઇન કેવી રીતે દૂર કરવું.