प्रत्येक 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 तुमच्या वेबपृष्ठावरील घटकांना शैली आणि सानुकूलित करण्यासाठी इतर अनेक गुणधर्म प्रदान करते. तुम्ही अधिक गुणधर्म एक्सप्लोर करू शकता आणि तुमच्या वेबसाइटसाठी विविध डिझाईन्स आणि प्रभाव साध्य करण्यासाठी त्यांना सानुकूलित करू शकता.