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