ਇੱਥੇ ਹਰੇਕ 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 ਤੁਹਾਡੇ ਵੈਬਪੇਜ 'ਤੇ ਤੱਤਾਂ ਨੂੰ ਸ਼ੈਲੀ ਅਤੇ ਅਨੁਕੂਲਿਤ ਕਰਨ ਲਈ ਕਈ ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਤੁਸੀਂ ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਪੜਚੋਲ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਲਈ ਵੱਖ-ਵੱਖ ਡਿਜ਼ਾਈਨ ਅਤੇ ਪ੍ਰਭਾਵਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਉਹਨਾਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ।