CSS ਦੀ ਰੂਪ ਰੇਖਾ ਇੱਕ ਬਾਰਡਰ ਤੋਂ ਜਿਆਦਾ ਹੈ
CSS ਦੀ ਰੂਪਰੇਖਾ ਜਾਇਦਾਦ ਇਕ ਭਰਮ ਪੈਦਾ ਕਰਨ ਵਾਲੀ ਸੰਪਤੀ ਹੈ. ਜਦੋਂ ਤੁਸੀਂ ਪਹਿਲਾਂ ਇਸ ਬਾਰੇ ਸਿੱਖਦੇ ਹੋ, ਇਹ ਸਮਝਣਾ ਮੁਸ਼ਕਿਲ ਹੈ ਕਿ ਸਰਹੱਦ ਦੀ ਜਾਇਦਾਦ ਤੋਂ ਇਹ ਦੂਰ ਤੋਂ ਵੀ ਵੱਖਰਾ ਕਿਵੇਂ ਹੈ. ਡਬਲਿਊ -3 ਸੀ ਇਸ ਨੂੰ ਹੇਠ ਲਿਖੀਆਂ ਫਰਕ ਦੱਸਦੀ ਹੈ:
- ਬਾਹਰਲੀ ਲਾਈਨ ਸਪੇਸ ਨਹੀਂ ਲੈਂਦੀ.
- ਰੂਪਰੇਖਾ ਗੈਰ-ਆਇਤਾਕਾਰ ਹੋ ਸਕਦਾ ਹੈ
ਰੂਪਰੇਖਾ ਸਪੇਸ ਲੈ ਨਾ ਕਰੋ
ਇਹ ਬਿਆਨ, ਅਤੇ ਆਪ ਵਿਚ ਵੀ ਉਲਝਣ ਵਾਲਾ ਹੈ. ਤੁਹਾਡੇ ਵੈਬ ਪੇਜ ਤੇ ਇਕ ਆਬਜੈਕਟ ਵੈਬ ਪੇਜ 'ਤੇ ਜਗ੍ਹਾ ਕਿਵੇਂ ਲੈ ਸਕਦਾ ਹੈ? ਪਰ ਜੇ ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਪੇਜ ਨੂੰ ਪਿਆਜ਼ ਵਾਂਗ ਸਮਝਦੇ ਹੋ ਤਾਂ ਪੇਜ ਤੇ ਹਰ ਆਈਟਮ ਇਕ ਹੋਰ ਆਈਟਮ ਦੇ ਸਿਖਰ 'ਤੇ ਰੱਖੀ ਜਾ ਸਕਦੀ ਹੈ. ਆਊਟਲਾਈਨ ਪ੍ਰਾਪਰਟੀ ਸਪੇਸ ਨਹੀਂ ਲੈਂਦੀ ਹੈ ਕਿਉਂਕਿ ਇਹ ਹਮੇਸ਼ਾ ਐਲੀਮੈਂਟ ਦੇ ਡੱਬੇ ਦੇ ਸਿਖਰ 'ਤੇ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ.
ਜਦੋਂ ਇੱਕ ਤੱਤ ਇੱਕ ਤੱਤ ਦੇ ਦੁਆਲੇ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਇਸ ਦਾ ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਹੁੰਦਾ ਕਿ ਇਹ ਤੱਤ ਪੇਜ ਤੇ ਕਿਵੇਂ ਰੱਖਿਆ ਗਿਆ ਹੈ. ਇਹ ਤੱਤ ਦੇ ਆਕਾਰ ਜਾਂ ਸਥਿਤੀ ਨੂੰ ਨਹੀਂ ਬਦਲਦਾ. ਜੇ ਤੁਸੀਂ ਇਕ ਤੱਤ ਦੀ ਰੂਪਰੇਖਾ ਪਾਉਂਦੇ ਹੋ, ਤਾਂ ਇਹ ਉਸੇ ਤਰ੍ਹਾਂ ਦੀ ਥਾਂ ਲੈ ਲਵੇਗੀ ਜਿਵੇਂ ਤੁਹਾਡੇ ਕੋਲ ਉਸ ਤੱਤ ਦੀ ਰੂਪਰੇਖਾ ਨਹੀਂ ਹੈ. ਇਹ ਸਰਹੱਦ ਬਾਰੇ ਸੱਚ ਨਹੀਂ ਹੈ. ਇਕ ਤੱਤ ਤੇ ਇੱਕ ਬੌਰਡਰ ਐਲੀਮੈਂਟ ਦੀ ਬਾਹਰੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ ਵਿੱਚ ਜੋੜਿਆ ਜਾਂਦਾ ਹੈ. ਇਸ ਲਈ ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਚਿੱਤਰ ਸੀ ਜੋ 50 ਪਿਕਸਲ ਚੌੜਾ ਸੀ, 2-ਪਿਕਸਲ ਬਾਰਡਰ ਦੇ ਨਾਲ, ਇਸ ਵਿੱਚ 54 ਪਿਕਸਲ (ਹਰ ਸਾਈਡ ਬਾਰਡਰ ਲਈ 2 ਪਿਕਸਲ) ਲਵੇਗਾ. 2-ਪਿਕਸਲ ਦੀ ਰੂਪਰੇਖਾ ਦੇ ਨਾਲ ਉਹੋ ਚਿੱਤਰ ਤੁਹਾਡੇ ਪੰਨੇ 'ਤੇ ਸਿਰਫ਼ 50 ਪਿਕਸਲ ਦੀ ਚੌੜਾਈ ਨੂੰ ਉਭਰੇਗੀ, ਰੂਪਰੇਖਾ ਚਿੱਤਰ ਦੇ ਬਾਹਰੀ ਕਿਨਾਰੇ ਤੇ ਦਿਖਾਈ ਦੇਵੇਗੀ.
ਰੂਪ ਰੇਖਾਵਾਂ ਗੈਰ-ਆਇਤਾਕਾਰ ਹੋ ਸਕਦਾ ਹੈ
ਸੋਚਣ ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ "ਠੰਢੇ ਹੋਵੋ, ਹੁਣ ਮੈਂ ਸਰਕਲ ਬਣਾ ਸਕਦਾ ਹਾਂ!" ਦੋਬਾਰਾ ਸੋਚੋ. ਇਸ ਕਥਨ ਦਾ ਤੁਹਾਡੇ ਨਾਲੋਂ ਵੱਖਰਾ ਅਰਥ ਹੁੰਦਾ ਹੈ ਜਿੰਨਾ ਤੁਸੀਂ ਸੋਚ ਸਕਦੇ ਹੋ. ਜਦੋਂ ਤੁਸੀਂ ਕਿਸੇ ਤੱਤ 'ਤੇ ਇੱਕ ਬਾਰਡਰ ਪਾਉਂਦੇ ਹੋ, ਤਾਂ ਬ੍ਰਾਉਜ਼ਰ ਤੱਤ ਦੀ ਵਿਆਖਿਆ ਕਰਦਾ ਹੈ ਜਿਵੇਂ ਇਹ ਇੱਕ ਵਿਸ਼ਾਲ ਆਇਤਾਕਾਰ ਬਾਕਸ ਸੀ. ਜੇ ਬਕਸੇ ਨੂੰ ਕਈ ਲਾਈਨਾਂ ਤੇ ਵੰਡਿਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਬ੍ਰਾਉਜ਼ਰ ਸਿਰਫ਼ ਕੋਨੇ ਨੂੰ ਛੱਡ ਦਿੰਦਾ ਹੈ ਕਿਉਂਕਿ ਬਾਕਸ ਬੰਦ ਨਹੀਂ ਹੁੰਦਾ. ਇਹ ਇਸ ਤਰ੍ਹਾਂ ਹੈ ਜਿਵੇਂ ਬਰਾਊਜ਼ਰ ਇਕ ਹੱਦ ਤੱਕ ਚੌੜੀ ਪਰਦਾ ਨਾਲ ਬਾਰਡਰ ਨੂੰ ਦੇਖ ਰਿਹਾ ਹੈ - ਉਸ ਸਰਹੱਦ ਦੇ ਬਰਾਬਰ ਇਕ ਲਗਾਤਾਰ ਚਤੁਰਭੁਜ ਹੋਣਾ.
ਇਸ ਦੇ ਉਲਟ, ਆਊਟਲਾਈਨ ਜਾਇਦਾਦ ਨੂੰ ਧਿਆਨ ਵਿਚ ਲਿਆਉਂਦਾ ਹੈ. ਜੇ ਇਕ ਰੇਖਾ ਖਿੱਚਿਆ ਤੱਤ ਕਈ ਸਤਰਾਂ ਨਾਲ ਛਪਦਾ ਹੈ, ਤਾਂ ਰੇਖਾ ਦੇ ਅਖੀਰ ਤੇ ਰੂਪਰੇਖਾ ਬੰਦ ਹੋ ਜਾਂਦੀ ਹੈ ਅਤੇ ਅਗਲੀ ਲਾਈਨ 'ਤੇ ਮੁੜ ਖੁੱਲ੍ਹ ਜਾਂਦੀ ਹੈ. ਜੇ ਸੰਭਵ ਹੋਵੇ, ਤਾਂ ਆਉਟਲਾਈਨ ਪੂਰੀ ਤਰ੍ਹਾਂ ਨਾਲ ਜੁੜੇ ਰਹਿਣਗੇ, ਇੱਕ ਗੈਰ-ਆਇਤਾਕਾਰ ਸ਼ਕਲ ਬਣਾਉਣਾ.
ਆਉਟਲਾਈਨ ਪ੍ਰਾਪਰਟੀ ਦਾ ਉਪਯੋਗ
ਆਊਟਲਾਈਨ ਪ੍ਰਾਪਰਟੀ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਉਪਯੋਗ ਇਹ ਹੈ ਕਿ ਖੋਜ ਸ਼ਬਦਾਂ ਨੂੰ ਹਾਈਲਾਈਟ ਕਰੋ. ਬਹੁਤ ਸਾਰੀਆਂ ਸਾਈਟਾਂ ਇਸ ਨੂੰ ਬੈਕਗਰਾਉਂਡ ਰੰਗ ਦੇ ਨਾਲ ਕਰਦੀਆਂ ਹਨ, ਪਰ ਤੁਸੀਂ ਆਊਟਲਾਈਨ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਆਪਣੇ ਪੰਨਿਆਂ ਤੇ ਕੋਈ ਵਾਧੂ ਸਪੇਸ ਜੋੜਨ ਬਾਰੇ ਚਿੰਤਾ ਨਾ ਕਰੋ.
ਆਊਟਲਾਈਨ-ਰੰਗ ਦੀ ਜਾਇਦਾਦ "ਇਨਵਰਟ" ਸ਼ਬਦ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦੀ ਹੈ ਜੋ ਆਊਟਲਾਈਨ ਰੰਗ ਨੂੰ ਮੌਜੂਦਾ ਪਿਛੋਕੜ ਦੇ ਉਲਟ ਬਣਾਉਂਦਾ ਹੈ. ਇਹ ਤੁਹਾਨੂੰ ਡਾਇਨਾਮਿਕ ਵੈਬ ਪੇਜਾਂ ਦੇ ਤੱਤ ਬਾਰੇ ਜਾਣਨ ਦੀ ਲੋੜ ਪਵੇ ਬਿਨਾਂ ਰੰਗਾਂ ਨੂੰ ਹਾਈਲਾਈਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ.
ਤੁਸੀਂ ਕਿਰਿਆਸ਼ੀਲ ਲਿੰਕਾਂ ਦੇ ਦੁਆਲੇ ਡਾਟ ਲਾਈਨ ਨੂੰ ਹਟਾਉਣ ਲਈ ਆਊਟਲਾਈਨ ਪ੍ਰਾਪਰਟੀ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ. CSS-Tricks ਤੋਂ ਇਹ ਲੇਖ ਦਿਖਾਉਂਦਾ ਹੈ ਕਿ ਡਾਟ ਆਉਟਲਾਈਨ ਨੂੰ ਕਿਵੇਂ ਮਿਟਾਉਣਾ ਹੈ.