CSS ગુણધર્મો: અન્વેષણ અને ઉપયોગ

અહીં દરેક CSS પ્રોપર્ટી માટે વિગતવાર સમજૂતી છે

 

મિલકત color

ગુણધર્મનો color ઉપયોગ એલિમેન્ટના ટેક્સ્ટ રંગને ફોર્મેટ કરવા માટે થાય છે.

red મૂલ્ય રંગનું નામ(દા.ત.,, blue, green), હેક્સાડેસિમલ કોડ(દા.ત. માટે "#FF0000" red) અથવા મૂલ્યોને rgb()  સ્પષ્ટ કરવા માટેનું કાર્ય હોઈ શકે છે Red, Green, Blue.

ઉદાહરણ: color: red;

મિલકત font-size

ગુણધર્મનો font-size  ઉપયોગ એલિમેન્ટની અંદર ટેક્સ્ટના કદને ફોર્મેટ કરવા માટે થાય છે.

મૂલ્ય પિક્સેલ(દા.ત., "12px"), em એકમો(દા.ત., "1.2em"), ટકાવારી(%) અથવા અન્ય સંબંધિત મૂલ્યોમાં હોઈ શકે છે.

ઉદાહરણ: font-size: 16px;

મિલકત background-color

ગુણધર્મનો background-color ઉપયોગ તત્વના પૃષ્ઠભૂમિ રંગને ફોર્મેટ કરવા માટે થાય છે.

રંગનો ઉલ્લેખ કરવા માટે કિંમત રંગનું નામ, હેક્સાડેસિમલ કોડ અથવા "rgb()" ફંક્શન પણ હોઈ શકે છે.

ઉદાહરણ: background-color: #F0F0F0;

મિલકત font-family

"ફોન્ટ-ફેમિલી" ગુણધર્મ એ તત્વની અંદર ટેક્સ્ટ માટે ઉપયોગમાં લેવાતા ફોન્ટને વ્યાખ્યાયિત કરે છે.

મૂલ્ય ફોન્ટ નામ(દા.ત., Arial, Helvetica) અથવા ફોન્ટ નામોની અગ્રતા યાદી હોઈ શકે છે.

ઉદાહરણ: font-family: Arial, sans-serif;

મિલકત text-align

"ટેક્સ્ટ-એલાઈન" પ્રોપર્ટીનો ઉપયોગ એલિમેન્ટની અંદર ટેક્સ્ટને સંરેખિત કરવા માટે થાય છે.

મૂલ્ય left, right, center, અથવા justify(બંને છેડા પર ટેક્સ્ટને યોગ્ય ઠેરવવા) હોઈ શકે છે.

ઉદાહરણ: text-align: center;

મિલકત width

"પહોળાઈ" ગુણધર્મ એ તત્વની પહોળાઈનો ઉલ્લેખ કરે છે.

મૂલ્ય પિક્સેલ, ટકાવારી(%) અથવા auto સ્વચાલિત પહોળાઈમાં હોઈ શકે છે.

ઉદાહરણ: width: 300px;

મિલકત height

ગુણધર્મ height  એક તત્વની ઊંચાઈનો ઉલ્લેખ કરે છે.

મૂલ્ય pixel, ટકાવારી(%) માં અથવા auto સ્વચાલિત ઊંચાઈ માટે હોઈ શકે છે.

ઉદાહરણ: height: 200px;

મિલકત border

ગુણધર્મનો border  ઉપયોગ તત્વની આસપાસ સરહદ બનાવવા માટે થાય છે.

મૂલ્યમાં સરહદની જાડાઈ(દા.ત., "1px"), border style(દા.ત., solid, dotted), અને color(દા.ત., red) શામેલ હોઈ શકે છે.

ઉદાહરણ: border: 1px solid black;

મિલકત margin

ગુણધર્મ margin એક તત્વ અને આસપાસના તત્વો વચ્ચેના અંતરને વ્યાખ્યાયિત કરે છે.

મૂલ્ય પિક્સેલ મૂલ્ય હોઈ શકે છે(દા.ત., "10px"), દરેક દિશા માટે પિક્સેલ મૂલ્યો(દા.ત., "5px 10px"), અથવા auto  સ્વચાલિત અંતર માટે.

ઉદાહરણ: margin: 10px;

મિલકત padding

ગુણધર્મ padding સામગ્રી અને તત્વની સરહદ વચ્ચેના અંતરને વ્યાખ્યાયિત કરે છે.

મૂલ્ય pixel દરેક દિશા માટે મૂલ્ય અથવા પિક્સેલ મૂલ્યો હોઈ શકે છે.

ઉદાહરણ: padding: 20px;

 

આ CSS પ્રોપર્ટીઝ અને તેમના મૂલ્યોના માત્ર થોડા ઉદાહરણો છે. CSS તમારા વેબપેજ પર તત્વોને સ્ટાઇલ અને કસ્ટમાઇઝ કરવા માટે અન્ય ઘણી પ્રોપર્ટીઝ પ્રદાન કરે છે. તમે તમારી વેબસાઇટ માટે વિવિધ ડિઝાઇન અને અસરો પ્રાપ્ત કરવા માટે વધુ ગુણધર્મોનું અન્વેષણ કરી શકો છો અને તેમને કસ્ટમાઇઝ કરી શકો છો.