અહીં દરેક 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 તમારા વેબપેજ પર તત્વોને સ્ટાઇલ અને કસ્ટમાઇઝ કરવા માટે અન્ય ઘણી પ્રોપર્ટીઝ પ્રદાન કરે છે. તમે તમારી વેબસાઇટ માટે વિવિધ ડિઝાઇન અને અસરો પ્રાપ્ત કરવા માટે વધુ ગુણધર્મોનું અન્વેષણ કરી શકો છો અને તેમને કસ્ટમાઇઝ કરી શકો છો.