CSS ਪਿਛੋਕੜ ਪਾਰਦਰਸ਼ਤਾ CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਪਾਰਦਰਸ਼ੀ ਪਿਛੋਕੜ ਜਾਂ ਟੈਕਸਟ

CSS3 ਦੇ ਆਗਮਨ ਦੇ ਨਾਲ, ਲੇਆਉਟ ਡਿਜ਼ਾਈਨਰਾਂ ਦਾ ਕੰਮ ਕਈ ਤਰੀਕਿਆਂ ਨਾਲ ਬਹੁਤ ਅਸਾਨ ਅਤੇ ਵਧੇਰੇ ਲਾਜ਼ੀਕਲ ਹੋ ਗਿਆ ਹੈ: ਸਭ ਤੋਂ ਬਾਅਦ, ਤੁਸੀਂ ਹੁਣ ਅਸਲ ਵਿੱਚ ਇੱਕ ਵਸਤੂ ਨੂੰ ਲਚਕੀਤਾ ਨਾਲ ਸੰਰਚਿਤ ਕਰ ਸਕਦੇ ਹੋ, ਜਿੰਨੇ ਵੀ ਘੱਟ ਅਕਸਰ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ. ਮੰਨ ਲਓ ਕਿ ਤੁਹਾਨੂੰ ਬੈਕਗਰਾਊਂਡ ਦੀ ਪਾਰਦਰਸ਼ਿਤਾ ਨੂੰ ਦਰੁਸਤ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ - CSS ਫੌਰਨ ਬਹੁਤ ਸਾਰੇ ਵਿਕਲਪ ਪੇਸ਼ ਕਰਦਾ ਹੈ.

ਬੈਕਗ੍ਰਾਉਂਡ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ (ਬੈਕਗ੍ਰਾਉਂਡ-ਚਿੱਤਰ, ਬੈਕਗ੍ਰਾਉਂਡ-ਸਥਿਤੀ, ਬੈਕਗਰਾਊਂਡ-ਆਕਾਰ, ਬੈਕਗ੍ਰਾਉਂਡ-ਰੀਆਪਟ, ਬੈਕਗ੍ਰਾਊਂਡ-ਅਟੈਚਮੈਂਟ, ਬੈਕਗ੍ਰਾਊਂਡ-ਮੂਲ, ਬੈਕ-ਟਾਈਲ, ਬੈਕਗ੍ਰਾਉਂਡ-ਕਲਰ) ਦੇ ਇੱਕ ਸਮੂਹ ਦੁਆਰਾ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਜਿਸ ਵਿੱਚ ਹਰੇਕ ਨੂੰ ਐਟਰੀਬਿਊਟ ਦੇ ਹੇਠਾਂ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਲਿਖਿਆ ਜਾਂ ਜੋੜਿਆ ਜਾ ਸਕਦਾ ਹੈ. ਪਿੱਠਭੂਮੀ ਆਉ ਉਹਨਾਂ ਵਿਚੋਂ ਹਰ ਇੱਕ ਦਾ ਵਿਸਤਾਰ ਵਿੱਚ ਵਿਸਥਾਰ ਕਰੀਏ.

ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਵਿੱਚ, ਤੁਸੀਂ ਬੈਕਗਰਾਉਂਡ ਰੰਗ ਨੂੰ ਕਈ ਤਰੀਕਿਆਂ ਨਾਲ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ: ਹੈਕਸਾਡੈਸੀਮਲ ਕੋਡ, ਰੰਗ ਦਾ ਨਾਂ ਜਾਂ ਇੱਕ ਆਰਜੀ ਬੀ ਸੀ ਰਿਕਾਰਡ ਵਰਤਣਾ. CSS3 ਵਿੱਚ, RGB ਰਿਕਾਰਡ ਦੀ ਬਜਾਏ RGBA ਚੋਣ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸੰਭਵ ਹੋ ਗਿਆ ਸੀ.

ਗਰਿੱਡ ਦੇ ਬਾਅਦ ਹੈਕਸਾਡੈਸੀਮਲ ਰੰਗ ਕੋਡ ਨੂੰ ਪ੍ਰਾਪਰਟੀ ਵਿੱਚ ਲਿਖਿਆ ਗਿਆ ਹੈ: ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: # ਐਫਐਫਡੀਐਬਲ 9. ਜੇ ਇਕੋ ਐਂਟਰੀ ਦੇ ਅੱਖਰ ਜੋੜੀ ਵਿੱਚ ਮਿਲਾਏ ਜਾਂਦੇ ਹਨ, ਕੋਡ ਆਮ ਤੌਰ 'ਤੇ ਥੋੜ੍ਹਾ ਛੋਟਾ ਹੁੰਦਾ ਹੈ: # ccff00 ਨੂੰ # cf0 ਦੇ ਤੌਰ ਤੇ ਲਿਖਿਆ ਜਾ ਸਕਦਾ ਹੈ:

ਸਰੀਰ {ਪਿੱਠਭੂਮੀ ਦਾ ਰੰਗ: # cf0;}.

ਨਾਮ ਸਭ ਤੋਂ ਵੱਧ ਵਿਦੇਸ਼ੀ ਫੁੱਲਾਂ ਵਿੱਚ ਵੀ ਹੈ. ਉਦਾਹਰਨ ਲਈ, ਸਟੈਂਡਰਡ ਲਾਲ ਅਤੇ ਵਾਈਟ ਦੇ ਇਲਾਵਾ, ਤੁਸੀਂ ਨਾਵਾਓਵੈਥ (# ਐੱਫ ਐੱਫ ਏ ਈ ਏ ਏ ਡੀ) ਜਾਂ ਹਨੀਡਵੇ 2 (# ਈਟੀਈਈਈ00) ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ:

ਸਰੀਰ (ਪਿੱਠਭੂਮੀ ਦਾ ਰੰਗ: ਜਾਮਨੀ;}.

RGB ਜਾਂ RGBA ਰਿਕਾਰਡ ਦਾ ਆਖਰੀ ਵਰਜਨ ਤੁਹਾਨੂੰ ਨਾ ਸਿਰਫ ਰੰਗ, ਪਰ CSS ਪਿੱਠਭੂਮੀ ਦੀ ਪਾਰਦਰਸ਼ਿਤਾ ਨੂੰ ਦਰਸਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਪਰ ਇਹ ਢੰਗ IE 9 ਤੇ ਸਿਰਫ ਵਰਜਨ 9 ਵਿਚ ਕੰਮ ਕਰਦਾ ਹੈ. ਹੋਰ ਬਰਾਊਜ਼ਰ ਆਮ ਤੌਰ 'ਤੇ ਪਾਰਦਰਸ਼ਤਾ ਦੇ ਨਾਲ ਚੋਣ ਦੀ ਪਛਾਣ ਕਰਦੇ ਹਨ ਡਬਲਯੂ ਐਚ ਸੀ ਸੀ ਦੇ ਮਾਪਦੰਡਾਂ ਅਨੁਸਾਰ, ਜਿਆਦਾਤਰ ਆਰਜੀ ਜੀਬੀਏ ਦੀ ਬਜਾਏ ਆਰਜੀਬੀਏ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਬਿਹਤਰ ਹੈ.

RGBA ਲਈ ਅੰਤਿਮ ਵੈਲਯੂ ਅਤੇ ਪਿਛੋਕੜ ਦੀ ਓਪੈਸਿਟੀ 0 (ਪਾਰਦਰਸ਼ੀ) ਤੋਂ 1 (ਅਪਾਰਦਰਸ਼ੀ) ਤੱਕ ਸੈੱਟ ਕਰਦੀ ਹੈ.

ਕੁਝ ਹੋਰ ਅਸਧਾਰਨ ਅਰਥ ਹਨ ਪਿੱਠਭੂਮੀ ਦਾ ਰੰਗ HSL ਅਤੇ HSLA ਨਾਲ ਸੈੱਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਦੋਵਾਂ ਨੂੰ CSS3 ਵਿੱਚ ਜੋੜਿਆ ਗਿਆ ਸੀ, ਅਤੇ ਇਸ ਲਈ IE 9 ਵਰਜਨ ਤੋਂ ਹੇਠਾਂ ਸਹਾਇਕ ਨਹੀਂ ਹੈ. ਇਹ ਚੋਣ ਆਰਜੀਜੀ ਜਾਂ ਆਰਜੀ ਬੀ ਏ ਦੇ ਸਮਾਨ ਹੈ, ਸਿਰਫ ਇਕ ਵੱਖਰੇ ਫਾਰਮੈਟ ਵਿਚ: ਹੂ (ਰੰਗ ਰੰਗ ਦੇ ਚੱਕਰ ਦਾ ਮੁੱਲ ਹੈ, ਡਿਗਰੀ ਵਿਚ ਰੱਖਿਆ ਗਿਆ ਹੈ), ਸਤੁਰੇਟ (ਤੀਬਰਤਾ ਦੀ ਪ੍ਰਤੀਸ਼ਤਤਾ, ਪ੍ਰਤੀਸ਼ਤ ਵਿਚ 0 ਤੋਂ 100), ਚਮਕ (ਚਮਕ ਚਮਕ ਹੈ, ਪੈਰਾਮੀਟਰ ਦੇ ਤੌਰ ਤੇ ਮਾਪਿਆ ਗਿਆ ਹੈ. ).

ਪਿਛੋਕੜ-ਚਿੱਤਰ ਵਿਸ਼ੇਸ਼ਤਾ

ਪਾਰਦਰਸ਼ੀ ਪਿਛੋਕੜ ਦਾ ਸਭ ਤੋਂ ਵੱਡਾ ਬ੍ਰਾਉਜ਼ਰ ਪਾਰਦਰਸ਼ਤਾ ਚਿੱਤਰ ਦੀ ਵਰਤੋਂ ਹੈ. CSS3 ਵਿੱਚ, ਤੁਸੀਂ ਕੁੱਝ ਚਿੱਤਰ ਵੀ ਦਰਸਾ ਸਕਦੇ ਹੋ, ਇਹ ਇੱਕ ਕਾਮੇ ਦੁਆਰਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਉਦਾਹਰਨ:

ਸਰੀਰ (ਪਿੱਠਭੂਮੀ-ਚਿੱਤਰ: url (bg1.png), url (ਬੀਜੀ 2.png)}.

ਇਹ ਢੰਗ ਵੀ IE8 ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ ਕਈ ਚਿੱਤਰਾਂ ਨੂੰ ਪਿਛੋਕੜ ਦੇ ਤੌਰ ' ਮੁੱਖ ਚੀਜ, ਇਹ ਨਾ ਭੁੱਲੋ ਕਿ ਕਿਸੇ ਵੀ ਚਿੱਤਰ ਨੂੰ ਵਰਤਦਿਆਂ, CSS ਵਿੱਚ ਬੈਕਗਰਾਊਂਡ ਰੰਗ ਸੈੱਟ ਕਰਨ ਲਈ, ਕਿਉਂਕਿ ਉਪਭੋਗਤਾ ਚਿੱਤਰ ਨੂੰ ਬੂਟ ਨਹੀਂ ਕਰ ਸਕਦੇ.

ਪਿਛੋਕੜ-ਸਥਿਤੀ ਵਿਸ਼ੇਸ਼ਤਾ

ਜੇ ਤੁਸੀਂ ਬਲਾਕ ਦੀ ਪਿੱਠਭੂਮੀ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਇੱਕ ਚਿੱਤਰ ਵਰਤਦੇ ਹੋ, CSS ਤੁਹਾਨੂੰ ਸਕ੍ਰੀਨ ਤੇ ਕਿਤੇ ਵੀ ਤਸਵੀਰ ਨੂੰ ਸਥਾਪਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦੇਵੇਗੀ. ਡਿਫੌਲਟ ਰੂਪ ਵਿੱਚ, ਚਿੱਤਰ ਉੱਪਰ ਖੱਬੇ ਕੋਨੇ 'ਤੇ ਸਥਿਤ ਹੈ. ਵਿਸ਼ੇਸ਼ਤਾ ਜਾਂ ਤਾਂ ਜਬਰਦਸਤ ਨਿਰਦੇਸ਼ਾਂ (ਚੋਟੀ, ਤਲ, ਖੱਬੇ, ਸੱਜੇ) ਜਾਂ ਸੰਖਿਆਤਮਕ (ਪ੍ਰਤੀਸ਼ਤ, ਪਿਕਸਲ ਅਤੇ ਮਾਪ ਦੇ ਹੋਰ ਇਕਾਈਆਂ) ਲੈ ਜਾਂਦੀਆਂ ਹਨ. ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਤੁਹਾਨੂੰ ਦੋ ਮੁੱਲ ਦੇਣਾ ਪਵੇਗਾ: ਖਿਤਿਜੀ ਅਤੇ ਲੰਬਕਾਰੀ:

ਸਰੀਰ (ਪਿੱਠਭੂਮੀ ਦੀ ਸਥਿਤੀ: ਸੱਜੇ ਕੇਂਦਰ;} - ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਬੈਕਗ੍ਰਾਉਂਡ ਪੇਜ ਦੇ ਸੱਜੇ ਪਾਸੇ ਹੋ ਜਾਵੇਗਾ, ਜਿਸ ਨਾਲ ਚਿੱਤਰ ਦੀ ਦੂਰੀ ਅਤੇ ਤਲ ਦੇ ਨਾਲ ਚਿੱਤਰ ਨੂੰ ਸਮਾਨਤਾ ਮਿਲੇਗੀ.

ਬੈਕਗਰਾਊਂਡ-ਆਕਾਰ ਵਿਸ਼ੇਸ਼ਤਾ

ਕਈ ਵਾਰ ਤੁਸੀਂ ਬੈਕਗ੍ਰਾਉਂਡ ਨੂੰ ਖਿੱਚਣ ਜਾਂ ਇਸ ਦਾ ਆਕਾਰ ਘਟਾਉਣ ਲਈ CSS ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੁੰਦੇ ਹੋ. ਅਜਿਹਾ ਕਰਨ ਲਈ, ਗੁਣ ਪਿਛੋਕੜ-ਆਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਅਤੇ ਬੈਕਗਰਾਊਂਡ ਦਾ ਆਕਾਰ ਪਿਕਸਲ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਵਿੱਚ, ਅਤੇ ਮਾਪ ਦੇ ਕਿਸੇ ਹੋਰ ਇਕਾਈ ਵਿੱਚ ਦਰਸਾਇਆ ਜਾ ਸਕਦਾ ਹੈ.

ਇਸ ਗੁਣ ਦੇ ਨਾਲ ਕੁਝ ਸਮੱਸਿਆਵਾਂ ਹਨ: ਬ੍ਰਾਉਜ਼ਰ ਦੇ ਸ਼ੁਰੂਆਤੀ ਵਰਜਨਾਂ ਵਿੱਚ ਪਿਛੋਕੜ ਦੀ ਸਹੀ ਪ੍ਰਦਰਸ਼ਨੀ ਲਈ ਅਗੇਤਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਜਰੂਰੀ ਹੈ. ਬੇਸ਼ੱਕ, ਵਰਤਮਾਨ ਵਰਜਨਾਂ ਨੇ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕੀਤਾ ਹੈ ਅਤੇ ਵਿਸ਼ੇਸ਼ ਸੰਪਤੀਆਂ ਦੀ ਲੋੜ ਗਾਇਬ ਹੈ.

ਬੈਕਗਰਾਊਂਡ-ਅਟੈਚਮੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾ

ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਸਕ੍ਰੌਲਿੰਗ ਕਰਦੇ ਸਮੇਂ ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ ਦਾ ਵਿਹਾਰ ਨਿਰਦਿਸ਼ਟ ਕਰਦਾ ਹੈ. ਇਸ ਲਈ, ਇਹ 3 ਮੁੱਲ ਲੈ ਸਕਦਾ ਹੈ (ਇਸਦੇ ਵਿੱਚ ਪ੍ਰਾਪਤ ਕੀਤੇ ਸਾਰੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਲਈ ਆਮ ਤੌਰ ਤੇ ਪ੍ਰਾਪਤ ਕੀਤੇ ਵਾਰਸ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਨਹੀਂ ਲਿਆਂਦਾ ਗਿਆ ਹੈ):

• ਸਥਿਰ - ਇੱਕ ਸਥਿਰ ਦੇ ਪਿਛੋਕੜ ਤੇ ਇੱਕ ਤਸਵੀਰ ਬਣਾਉਂਦਾ ਹੈ;
• ਸਕ੍ਰੌਲ ਕਰੋ - ਬੈਕਗਰਾਉੰਡ ਸਕ੍ਰੌਲ ਬਾਕੀ ਦੇ ਤੱਤਾਂ ਦੇ ਨਾਲ;
• ਲੋਕਲ - ਜੇ ਸਕ੍ਰੋਲ ਵਿਚ ਸਮਗਰੀ ਹੈ ਤਾਂ ਪਿਛੋਕੜ ਦੀ ਸਕ੍ਰੀਨ ਤੇ ਤਸਵੀਰ. ਇਕ ਪਿੱਠਭੂਮੀ, ਜੋ ਕਿ ਸਮੱਗਰੀ ਤੋਂ ਵੱਧ ਗਈ ਹੈ, ਨੂੰ ਨਿਸ਼ਚਿਤ ਕੀਤਾ ਗਿਆ ਹੈ.

ਵਰਤਣ ਦੀ ਉਦਾਹਰਨ:

ਸਰੀਰ [ਪਥਰਿੰਗ-ਅਟੈਚਮੈਂਟ ਹੱਲ ਕੀਤੀ ਗਈ}

ਵਰਤਮਾਨ ਵਿੱਚ, ਫਾਇਰਫਾਕਸ ਆਖਰੀ ਸੰਪੱਤੀ (ਸਥਾਨਕ) ਨੂੰ ਸਹਿਯੋਗ ਨਹੀਂ ਦਿੰਦਾ.

ਬੈਕਗ੍ਰਾਉਂਡ-ਮੂਲ ਵਿਸ਼ੇਸ਼ਤਾ

ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਤੱਤ ਦੀ ਸਥਿਤੀ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਹੈ ਸ਼ੁਰੂਆਤੀ ਵਰਣਾਂ ਦੇ ਬ੍ਰਾਉਜ਼ਰਸ ਲਈ ਪ੍ਰੀਫਿਕਸ ਵਰਤਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਜਾਇਦਾਦ ਦੇ ਤਿੰਨ ਪੈਰਾਮੀਟਰ ਹਨ:

• ਫਰੇਮ ਦੀ ਮੋਟਾਈ ਨੂੰ ਧਿਆਨ ਵਿਚ ਰੱਖਦੇ ਹੋਏ, ਪੈਡਿੰਗ-ਬਾਕਸ ਅਗੇਰੇ ਦੇ ਸੰਬੰਧ ਵਿਚ ਬੈਕਗ੍ਰਾਉਂਡ ਰੱਖਦਾ ਹੈ;
• ਬਾਰਡਰ-ਬਾਕਸ ਪਿਛਲੀ ਸੰਪਤੀ ਤੋਂ ਵੱਖ ਹੁੰਦਾ ਹੈ ਜਿਸ ਵਿਚ ਸੀਮਾ ਦੀ ਲਾਈਨ ਪੂਰੀ ਜਾਂ ਅੰਸ਼ਕ ਤੌਰ ਤੇ ਪਿਛੋਕੜ ਨੂੰ ਢਕ ਸਕਦੀ ਹੈ;
• ਸੰਖੇਪ-ਬਾਕਸ ਚਿੱਤਰ ਨੂੰ ਸਥਾਪਿਤ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਸਮਗਰੀ ਨੂੰ ਘੁੰਮਾਉਂਦਾ ਹੈ.

ਜੇ ਕਈ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕੀਤੇ ਗਏ ਹਨ, ਤਾਂ ਬ੍ਰਾਊਜ਼ਰ ਆਪਣੇ ਤਰੀਕੇ ਨਾਲ ਪ੍ਰਤੀਕਿਰਿਆ ਕਰ ਸਕਦੇ ਹਨ: ਫਾਇਰਫਾਕਸ ਅਤੇ ਓਪੇਰਾ ਸਿਰਫ ਪਹਿਲਾ ਵਿਕਲਪ ਸਮਝਦੇ ਹਨ.

ਬੈਕਗ੍ਰਾਉਂਡ-ਦੁਹਰਾਓ ਵਿਸ਼ੇਸ਼ਤਾ

ਆਮ ਕਰਕੇ, ਜੇ ਪਿਛੋਕੜ ਨੂੰ ਚਿੱਤਰ ਦੁਆਰਾ ਨਿਰਦਿਸ਼ਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਇਹ ਹਰੀਜੱਟਲ ਜਾਂ ਵਰਟੀਕਲ ਦੁਹਰਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਸਦੇ ਲਈ, ਬੈਕਗ੍ਰਾਉਂਡ-ਦੁਹਰਾਉ ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਤੀ ਜਾਂਦੀ ਹੈ. ਇਸ ਲਈ, ਇੱਕ ਬਲਾਕ ਦੀ ਪਿੱਠਭੂਮੀ ਜਿਸਦਾ CSS ਵਿੱਚ ਅਜਿਹੀ ਸੰਪਤੀ ਹੈ ਕਈ ਪੈਰਾਮੀਟਰਾਂ ਵਿੱਚ ਇੱਕ ਹੋ ਸਕਦੀ ਹੈ:

• ਨਾਂਹ-ਦੁਹਰਾਓ - ਚਿੱਤਰ ਨੂੰ ਇਕ ਵੱਖਰੀ ਕਿਸਮ ਦੇ ਪੰਨੇ ਤੇ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ;
• ਦੁਹਰਾਓ - ਪਿਛੋਕੜ ਨੂੰ x ਅਤੇ y ਧੁਰਾ ਤੇ ਦੁਹਰਾਇਆ ਜਾਂਦਾ ਹੈ;
• ਦੁਹਰਾਓ- x - ਸਿਰਫ਼ ਖਿਤਿਜੀ;
• ਦੁਹਰਾਓ- y - ਸਿਰਫ਼ ਲੰਬਕਾਰੀ;
• ਸਪੇਸ - ਬੈਕਗਰਾਊਂਡ ਦੁਹਰਾਇਆ ਗਿਆ ਹੈ, ਪਰ ਜੇ ਸਪੇਸ ਭਰੀ ਨਾ ਹੋਈ ਤਾਂ ਚਿੱਤਰ ਤਸਵੀਰਾਂ ਦੇ ਵਿਚਕਾਰ ਪ੍ਰਗਟ ਹੁੰਦੇ ਹਨ;
• ਗੋਲ - ਚਿੱਤਰ ਨੂੰ ਸਕੇਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜੇ ਤੁਸੀਂ ਪੂਰੇ ਖੇਤਰਾਂ ਨਾਲ ਭਰਿਆ ਸਾਰਾ ਖੇਤਰ ਨਹੀਂ ਲੈ ਸਕਦੇ

ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਇੱਕ ਉਦਾਹਰਣ:

ਸਰੀਰ (ਪਿੱਠਭੂਮੀ-ਦੁਹਰਾਉ: ਨਾਪ-ਦੁਹਰਾਓ ਦੁਹਰਾਓ) - ਬੈਕਗਰਾਊਂਡ-ਦੁਹਰਾਉਣ ਦੇ ਸਮਾਨ : ਦੁਹਰਾਓ- y.

CSS3 ਵਿੱਚ, ਕਈ ਚਿੱਤਰਾਂ ਲਈ ਮੁੱਲਾਂ ਨੂੰ ਦਰਸਾਉਣਾ ਸੰਭਵ ਹੈ, ਜੇ ਤੁਸੀਂ ਕਾਮੇ ਨਾਲ ਮਾਪਦੰਡਾਂ ਦੀ ਸੂਚੀ ਦੇ ਰਹੇ ਹੋ

ਪਿਛੋਕੜ-ਕਲਿਪ ਵਿਸ਼ੇਸ਼ਤਾ

ਇਹ ਗੁਣ ਬਾਰਡਰ ਦੇ ਪਿਛੋਕੜ ਵਾਲੇ ਵਿਹਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ (ਉਦਾਹਰਣ ਲਈ, ਬਿੰਦੀਆਂ ਫਰੇਮ ਦੇ ਮਾਮਲੇ ਵਿੱਚ):

• ਪੈਡਿੰਗ-ਬਾਕਸ - ਬੈਕਗ੍ਰਾਉਂਡ ਨੂੰ ਸਖ਼ਤੀ ਨਾਲ ਬਲਾਕ ਦੇ ਅੰਦਰ ਵਿਖਾਇਆ ਜਾਂਦਾ ਹੈ;
• ਬਾਰਡਰ-ਬਾਕਸ - ਚਿੱਤਰ ਫਰੇਮ ਦੇ ਹੇਠਾਂ ਆਉਂਦਾ ਹੈ;
• ਕੰਟੈਂਟ-ਬਾਕਸ - ਬੈਕਗ੍ਰਾਉਂਡ ਤੇ ਤਸਵੀਰ ਕੇਵਲ ਸਮੱਗਰੀ ਦੇ ਅੰਦਰ ਹੀ ਪ੍ਰਗਟ ਹੁੰਦੀ ਹੈ

ਵਰਤਣ ਦੀ ਉਦਾਹਰਨ:

ਸਰੀਰ {ਪਿੱਠਭੂਮੀ ਕਲਿਪ: ਸਮੱਗਰੀ-ਬਾਕਸ;}.

ਕ੍ਰੋਮ ਅਤੇ ਸਫਾਰੀ ਨੂੰ-ਵੈਬਕਿਟ-ਅਗੇਤਰ ਵਰਤਣ ਦੀ ਲੋੜ ਹੈ

ਧੁੰਦਲਾਪਨ ਅਤੇ ਫਿਲਟਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਓਪੈਸਿਟੀ ਐਟਰੀਬਿਊਟ ਤੁਹਾਨੂੰ ਬੈਕਗ੍ਰਾਉਂਡ ਦੀ ਪਾਰਦਰਸ਼ਿਤਾ ਨੂੰ ਸੈਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ - CSS ਵਿਸ਼ੇਸ਼ਤਾ ਸਾਰੇ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਕੰਮ ਕਰੇਗੀ. ਵੈਲਯੂ 0.0 ਤੋਂ 1.0 ਤੱਕ ਦੇ ਨਾਲ ਜੁੜੇ ਹੋਏ ਹਨ. ਅਜਿਹਾ ਕਰਨ ਨਾਲ, ਤੁਸੀਂ CSS ਦੀ ਪਿਛੋਕੜ ਦੀ ਪਾਰਦਰਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ ਇੱਕ ਪੂਰਨ ਅੰਕ ਮੁੱਲ ਤੋਂ ਬਿਨਾਂ: 0.3 ਦੀ ਬਜਾਏ ਇਹ ਲਿਖਣ ਲਈ ਕਾਫੀ ਹੁੰਦਾ ਹੈ .3:

.block {background-image: url (img.png); ਧੁੰਦਲਾਪਨ: .3;}.

ਪਿਛੋਕੜ ਦੀ ਪਾਰਦਰਸ਼ਿਤਾ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ, ਜਿਸਦਾ CSS ਨੌਵੇਂ ਵਰਜਨ ਦੇ ਹੇਠਾਂ IE ਲਈ ਵੀ ਢੁਕਵਾਂ ਹੈ, ਫਿਲਟਰ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰੋ:

.block {background-image: url (img.png); ਫਿਲਟਰ: ਐਲਫਾ (ਓਪੈਸਿਟੀ = 30);}

ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਓਪੈਸਿਟੀ ਮੁੱਲ 0 ਤੋਂ 100 ਤੱਕ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ. ਨੋਟ ਕਰੋ ਕਿ ਓਪੈਸਿਟੀ ਐਟਰੀਬਿਊਟ ਆਰਜੀਬੀਏ ਵਿਰਾਸਤ ਦੇ ਨਾਲ ਪਾਰਦਰਸ਼ਤਾ ਦੀ ਸੈਟਿੰਗ ਤੋਂ ਵੱਖ ਹੈ: ਜਦੋਂ ਧੁੰਦਲਾਪਨ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਦੀ ਹੈ, ਤਾਂ ਸਿਰਫ ਬੈਕਗਰਾਊਂਡ ਪਾਰਦਰਸ਼ੀ ਨਹੀਂ ਹੁੰਦੀ, ਪਰ ਬਲਾਕ ਦੇ ਸਾਰੇ ਤੱਤ ਵੀ ਪਾਰਦਰਸ਼ੀ ਹਨ.

ਹਮੇਸ਼ਾ ਸੀਆਈਐਸ ਅਤੇ ਦੂਜੇ ਦੇਸ਼ਾਂ ਵਿੱਚ ਬ੍ਰਾਉਜ਼ਰ ਦੀ ਵਰਤੋਂ ਦੇ ਅੰਕੜੇ ਦੀ ਪਾਲਣਾ ਕਰੋ ਸਾਰੇ ਖਾਕਾ ਨਿਰਮਾਤਾਵਾਂ ਲਈ ਸਭ ਤੋਂ ਵੱਡੀ ਸਮੱਸਿਆ IE ਦਾ ਪੁਰਾਣਾ ਵਰਜਨ ਹੈ, ਉਹ ਤੁਹਾਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ CSS3 ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਆਗਿਆ ਨਹੀਂ ਦਿੰਦੇ. ਲੇਆਉਟ ਬਣਾਉਣ ਵੇਲੇ, ਵਿਸ਼ੇਸ਼ ਸੇਵਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਨਾ ਭੁੱਲੋ ਜੋ ਇਹ ਜਾਂਚ ਕਰਦੀਆਂ ਹਨ ਕਿ ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਕਿਸੇ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ ਜਾਂ ਨਹੀਂ. ਜੇ ਤੁਸੀਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਪੁਰਾਣੇ ਵਰਜ਼ਨ ਨੂੰ ਇੰਸਟਾਲ ਨਹੀਂ ਕਰ ਸਕਦੇ, ਤਾਂ ਅਜਿਹੀ ਸੇਵਾ ਲੱਭੋ ਜੋ ਸਾਈਟਸ ਦੇ ਆਪ੍ਰੇਸ਼ਨ ਦੀ ਜਾਂਚ ਆਨਲਾਈਨ ਵੱਖ ਵੱਖ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਕਰੇ.