ਪੂਰੀ ਤਰ੍ਹਾਂ ਔਨਲਾਈਨ ਦੁਨੀਆ ਦੇ ਕਿਸੇ ਵੀ ਥਾਂ ਤੋਂ ਯੂਰਪੀਅਨ IT ਸਰਟੀਫਿਕੇਸ਼ਨ ਫਰੇਮਵਰਕ ਦੇ ਤਹਿਤ ਆਪਣੇ IT ਹੁਨਰਾਂ ਅਤੇ ਯੋਗਤਾਵਾਂ ਦੀ ਪੁਸ਼ਟੀ ਕਰੋ।
ਯੂਰਪੀਅਨ ਇਨਫਰਮੇਸ਼ਨ ਟੈਕਨੋਲੋਜੀਸ ਸਰਟੀਫਿਕੇਸ਼ਨ ਇੰਸਟੀਚਿ --ਟ - ਈ.ਆਈ.ਟੀ.ਸੀ.ਆਈ. ਏ.ਐੱਸ.ਬੀ.ਐੱਲ
ਸਰਟੀਫਿਕੇਸ਼ਨ ਅਥਾਰਟੀEITCI ਇੰਸਟੀਚਿ .ਟਬ੍ਰਸੇਲਜ਼, ਯੂਰਪੀਅਨ ਯੂਨੀਅਨਆਈ ਟੀ ਪੇਸ਼ੇਵਰਵਾਦ ਅਤੇ ਡਿਜੀਟਲ ਸੁਸਾਇਟੀ ਦੇ ਸਮਰਥਨ ਵਿੱਚ ਯੂਰਪੀਅਨ ਆਈਟੀ ਸਰਟੀਫਿਕੇਸ਼ਨ (ਈਆਈਟੀਸੀ) ਦੇ ਮਿਆਰ ਨੂੰ ਚਲਾਉਣਾ
ਜਦੋਂ ਇਹ HTML ਅਤੇ CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਵੈੱਬ ਵਿਕਾਸ ਦੀ ਗੱਲ ਆਉਂਦੀ ਹੈ, ਤਾਂ ਵੈਬਪੇਜ 'ਤੇ ਤੱਤਾਂ ਦੀ ਦਿੱਖ ਨੂੰ ਹੇਰਾਫੇਰੀ ਕਰਨ ਦੀ ਯੋਗਤਾ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦੀ ਹੈ। ਇਸ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ ਇੱਕ ਤੱਤ ਵਿੱਚ ਇੱਕ ਬਾਰਡਰ ਜੋੜਨਾ. CSS ਵਿੱਚ, ਬਾਰਡਰ ਪ੍ਰਾਪਰਟੀ ਦੀ ਵਰਤੋਂ ਇੱਕ ਐਲੀਮੈਂਟ ਦੀ ਬਾਰਡਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਅਤੇ ਇਹ ਤੁਹਾਨੂੰ ਬਾਰਡਰ ਦਾ ਆਕਾਰ ਨਿਰਧਾਰਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ।
CSS ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਆਕਾਰ ਜੋੜਨ ਲਈ, ਤੁਸੀਂ ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਤੁਹਾਨੂੰ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਜਿਵੇਂ ਕਿ ਪਿਕਸਲ, ਈਐਮਐਸ, ਰੀਮਸ, ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਵਿੱਚ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਸੈੱਟ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੀ ਹੈ। ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਤੱਤ ਦੀ ਬਾਰਡਰ ਦੇ ਵਿਅਕਤੀਗਤ ਪਾਸਿਆਂ (ਉੱਪਰ, ਸੱਜੇ, ਹੇਠਾਂ, ਅਤੇ ਖੱਬੇ) ਜਾਂ ਇੱਕੋ ਸਮੇਂ ਸਾਰੇ ਪਾਸਿਆਂ 'ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ਕਿ ਤੁਸੀਂ ਇੱਕ ਤੱਤ ਵਿੱਚ ਬਾਰਡਰ ਆਕਾਰ ਜੋੜਨ ਲਈ ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰ ਸਕਦੇ ਹੋ:
css /* Applying border width to all sides */ .element { border-width: 2px; } /* Applying different border widths to each side */ .element { border-width: 2px 4px 6px 8px; }
ਪਹਿਲੀ ਉਦਾਹਰਨ ਵਿੱਚ, ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ 2 ਪਿਕਸਲ 'ਤੇ ਸੈੱਟ ਕੀਤੀ ਗਈ ਹੈ, ਜੋ ਕਿ ਤੱਤ ਦੇ ਸਾਰੇ ਪਾਸਿਆਂ 'ਤੇ ਇੱਕੋ ਬਾਰਡਰ ਚੌੜਾਈ ਨੂੰ ਲਾਗੂ ਕਰਦੀ ਹੈ। ਦੂਜੀ ਉਦਾਹਰਨ ਵਿੱਚ, ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਉੱਪਰਲੇ ਪਾਸੇ ਲਈ 2 ਪਿਕਸਲ, ਸੱਜੇ ਪਾਸੇ ਲਈ 4 ਪਿਕਸਲ, ਹੇਠਲੇ ਪਾਸੇ ਲਈ 6 ਪਿਕਸਲ, ਅਤੇ ਖੱਬੇ ਪਾਸੇ ਲਈ 8 ਪਿਕਸਲ ਸੈੱਟ ਕੀਤੀ ਗਈ ਹੈ। ਇਹ ਤੁਹਾਨੂੰ ਤੱਤ ਦੇ ਦੁਆਲੇ ਗੈਰ-ਯੂਨੀਫਾਰਮ ਬਾਰਡਰ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
ਇਹ ਨੋਟ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ ਸਿਰਫ਼ ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਹੀ ਬਾਰਡਰ ਨੂੰ ਨਹੀਂ ਦਿਖਾਏਗੀ ਜਦੋਂ ਤੱਕ ਤੁਸੀਂ ਬਾਰਡਰ-ਸ਼ੈਲੀ ਅਤੇ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਵੀ ਪਰਿਭਾਸ਼ਿਤ ਨਹੀਂ ਕਰਦੇ। ਬਾਰਡਰ-ਸ਼ੈਲੀ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ ਦੀ ਸ਼ੈਲੀ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਠੋਸ, ਡੈਸ਼ਡ, ਡਾਟਡ, ਆਦਿ, ਜਦੋਂ ਕਿ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ ਦਾ ਰੰਗ ਨਿਰਧਾਰਤ ਕਰਦੀ ਹੈ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ਜੋ ਕਿ ਬਾਰਡਰ-ਚੌੜਾਈ, ਬਾਰਡਰ-ਸ਼ੈਲੀ, ਅਤੇ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਜੋੜਦੀ ਹੈ:
css .element { border-width: 2px; border-style: solid; border-color: red; }
ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ 2 ਪਿਕਸਲ 'ਤੇ ਸੈੱਟ ਕਰਦੀ ਹੈ, ਬਾਰਡਰ-ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ੈਲੀ ਨੂੰ ਠੋਸ 'ਤੇ ਸੈੱਟ ਕਰਦੀ ਹੈ, ਅਤੇ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾ ਰੰਗ ਨੂੰ ਲਾਲ 'ਤੇ ਸੈੱਟ ਕਰਦੀ ਹੈ। ਇਹ ਤੱਤ ਦੇ ਦੁਆਲੇ ਇੱਕ ਠੋਸ ਲਾਲ ਬਾਰਡਰ ਬਣਾਏਗਾ।
CSS ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਆਕਾਰ ਜੋੜਨ ਲਈ, ਤੁਸੀਂ ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਤੁਹਾਨੂੰ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿੱਚ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੀ ਹੈ ਅਤੇ ਇੱਕ ਤੱਤ ਦੇ ਵਿਅਕਤੀਗਤ ਪਾਸਿਆਂ ਜਾਂ ਸਾਰੇ ਪਾਸਿਆਂ 'ਤੇ ਲਾਗੂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ। ਬਾਰਡਰ ਨੂੰ ਦਿਖਣਯੋਗ ਬਣਾਉਣ ਲਈ ਬਾਰਡਰ-ਸ਼ੈਲੀ ਅਤੇ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਵੀ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ ਯਾਦ ਰੱਖੋ।
HTML ਅਤੇ CSS ਵਿੱਚ ਐਡਵਾਂਸਿੰਗ ਵਿੱਚ ਹੋਰ ਸਵਾਲ ਅਤੇ ਜਵਾਬ ਦੇਖੋ
CSS ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਆਕਾਰ ਜੋੜਨ ਦਾ ਕੀ ਹੈ?
ਜਦੋਂ ਇਹ HTML ਅਤੇ CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਵੈੱਬ ਵਿਕਾਸ ਦੀ ਗੱਲ ਆਉਂਦੀ ਹੈ, ਤਾਂ ਵੈਬਪੇਜ 'ਤੇ ਤੱਤਾਂ ਦੀ ਦਿੱਖ ਨੂੰ ਹੇਰਾਫੇਰੀ ਕਰਨ ਦੀ ਯੋਗਤਾ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦੀ ਹੈ। ਇਸ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ ਇੱਕ ਤੱਤ ਵਿੱਚ ਇੱਕ ਬਾਰਡਰ ਜੋੜਨਾ. CSS ਵਿੱਚ, ਬਾਰਡਰ ਪ੍ਰਾਪਰਟੀ ਦੀ ਵਰਤੋਂ ਇੱਕ ਐਲੀਮੈਂਟ ਦੀ ਬਾਰਡਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਅਤੇ ਇਹ ਤੁਹਾਨੂੰ ਬਾਰਡਰ ਦਾ ਆਕਾਰ ਨਿਰਧਾਰਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ।
CSS ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਆਕਾਰ ਜੋੜਨ ਲਈ, ਤੁਸੀਂ ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਤੁਹਾਨੂੰ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਜਿਵੇਂ ਕਿ ਪਿਕਸਲ, ਈਐਮਐਸ, ਰੀਮਸ, ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਵਿੱਚ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਸੈੱਟ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੀ ਹੈ। ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਤੱਤ ਦੀ ਬਾਰਡਰ ਦੇ ਵਿਅਕਤੀਗਤ ਪਾਸਿਆਂ (ਉੱਪਰ, ਸੱਜੇ, ਹੇਠਾਂ, ਅਤੇ ਖੱਬੇ) ਜਾਂ ਇੱਕੋ ਸਮੇਂ ਸਾਰੇ ਪਾਸਿਆਂ 'ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ਕਿ ਤੁਸੀਂ ਇੱਕ ਤੱਤ ਵਿੱਚ ਬਾਰਡਰ ਆਕਾਰ ਜੋੜਨ ਲਈ ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰ ਸਕਦੇ ਹੋ:
ਪਹਿਲੀ ਉਦਾਹਰਨ ਵਿੱਚ, ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ 2 ਪਿਕਸਲ 'ਤੇ ਸੈੱਟ ਕੀਤੀ ਗਈ ਹੈ, ਜੋ ਕਿ ਤੱਤ ਦੇ ਸਾਰੇ ਪਾਸਿਆਂ 'ਤੇ ਇੱਕੋ ਬਾਰਡਰ ਚੌੜਾਈ ਨੂੰ ਲਾਗੂ ਕਰਦੀ ਹੈ। ਦੂਜੀ ਉਦਾਹਰਨ ਵਿੱਚ, ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਉੱਪਰਲੇ ਪਾਸੇ ਲਈ 2 ਪਿਕਸਲ, ਸੱਜੇ ਪਾਸੇ ਲਈ 4 ਪਿਕਸਲ, ਹੇਠਲੇ ਪਾਸੇ ਲਈ 6 ਪਿਕਸਲ, ਅਤੇ ਖੱਬੇ ਪਾਸੇ ਲਈ 8 ਪਿਕਸਲ ਸੈੱਟ ਕੀਤੀ ਗਈ ਹੈ। ਇਹ ਤੁਹਾਨੂੰ ਤੱਤ ਦੇ ਦੁਆਲੇ ਗੈਰ-ਯੂਨੀਫਾਰਮ ਬਾਰਡਰ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
ਇਹ ਨੋਟ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ ਸਿਰਫ਼ ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਹੀ ਬਾਰਡਰ ਨੂੰ ਨਹੀਂ ਦਿਖਾਏਗੀ ਜਦੋਂ ਤੱਕ ਤੁਸੀਂ ਬਾਰਡਰ-ਸ਼ੈਲੀ ਅਤੇ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਵੀ ਪਰਿਭਾਸ਼ਿਤ ਨਹੀਂ ਕਰਦੇ। ਬਾਰਡਰ-ਸ਼ੈਲੀ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ ਦੀ ਸ਼ੈਲੀ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ ਠੋਸ, ਡੈਸ਼ਡ, ਡਾਟਡ, ਆਦਿ, ਜਦੋਂ ਕਿ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ ਦਾ ਰੰਗ ਨਿਰਧਾਰਤ ਕਰਦੀ ਹੈ।
ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ਜੋ ਕਿ ਬਾਰਡਰ-ਚੌੜਾਈ, ਬਾਰਡਰ-ਸ਼ੈਲੀ, ਅਤੇ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਜੋੜਦੀ ਹੈ:
ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ 2 ਪਿਕਸਲ 'ਤੇ ਸੈੱਟ ਕਰਦੀ ਹੈ, ਬਾਰਡਰ-ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ੈਲੀ ਨੂੰ ਠੋਸ 'ਤੇ ਸੈੱਟ ਕਰਦੀ ਹੈ, ਅਤੇ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾ ਰੰਗ ਨੂੰ ਲਾਲ 'ਤੇ ਸੈੱਟ ਕਰਦੀ ਹੈ। ਇਹ ਤੱਤ ਦੇ ਦੁਆਲੇ ਇੱਕ ਠੋਸ ਲਾਲ ਬਾਰਡਰ ਬਣਾਏਗਾ।
CSS ਵਿੱਚ ਬਾਰਡਰ ਦਾ ਆਕਾਰ ਜੋੜਨ ਲਈ, ਤੁਸੀਂ ਬਾਰਡਰ-ਚੌੜਾਈ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਤੁਹਾਨੂੰ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿੱਚ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੀ ਹੈ ਅਤੇ ਇੱਕ ਤੱਤ ਦੇ ਵਿਅਕਤੀਗਤ ਪਾਸਿਆਂ ਜਾਂ ਸਾਰੇ ਪਾਸਿਆਂ 'ਤੇ ਲਾਗੂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ। ਬਾਰਡਰ ਨੂੰ ਦਿਖਣਯੋਗ ਬਣਾਉਣ ਲਈ ਬਾਰਡਰ-ਸ਼ੈਲੀ ਅਤੇ ਬਾਰਡਰ-ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਵੀ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ ਯਾਦ ਰੱਖੋ।
ਬਾਰੇ ਹੋਰ ਹਾਲੀਆ ਸਵਾਲ ਅਤੇ ਜਵਾਬ HTML ਅਤੇ CSS ਵਿੱਚ ਅੱਗੇ ਵਧਣਾ:
HTML ਅਤੇ CSS ਵਿੱਚ ਐਡਵਾਂਸਿੰਗ ਵਿੱਚ ਹੋਰ ਸਵਾਲ ਅਤੇ ਜਵਾਬ ਦੇਖੋ
ਹੋਰ ਸਵਾਲ ਅਤੇ ਜਵਾਬ: