HTML ਸਾਰਣੀ ਐਲੀਮੈਂਟ ਗੁਣਾਂ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ

ਸਾਰਣੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਸਿੱਖਣ ਦੇ ਦੁਆਰਾ ਐਚਟੀਐਮ ਟੇਬਲ ਰਾਹੀਂ ਸਭ ਤੋਂ ਵੱਧ ਪ੍ਰਾਪਤ ਕਰਨਾ

HTML ਸਾਰਣੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਤੁਹਾਨੂੰ HTML ਸਾਰਣੀਆਂ ਤੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਨਿਯੰਤ੍ਰਣ ਪ੍ਰਦਾਨ ਕਰਦੀਆਂ ਹਨ. ਸਾਰਣੀ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਉਪਲੱਬਧ ਹਨ ਜੋ ਉਹਨਾਂ ਨੂੰ ਹੋਰ ਦਿਲਚਸਪ ਬਣਾਉਂਦੀਆਂ ਹਨ ਅਤੇ ਤੁਹਾਡੇ ਪੰਨੇ ਦੀ ਦਿੱਖ ਨੂੰ ਬਦਲ ਦਿੰਦੀਆਂ ਹਨ.

HTML ਸਾਰਣੀ ਐਲੀਮੈਂਟ ਗੁਣ

HTML5 ਵਿੱਚ ਐਲੀਮੈਂਟ ਵਿੱਚ ਗਲੋਬਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਇੱਕ ਹੋਰ ਗੁਣ ਸ਼ਾਮਲ ਹਨ: ਅਤੇ ਇਹ ਸਿਰਫ 1 ਜਾਂ ਖਾਲੀ (ਭਾਵ ਬਾਰਡਰ = "") ਦਾ ਮੁੱਲ ਹੀ ਤਬਦੀਲ ਹੋ ਗਿਆ ਹੈ. ਜੇ ਤੁਸੀਂ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਬਾਰਡਰ-ਚੌੜਾਈ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਉਪਯੋਗ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ

ਵੈਧ HTML5 ਸਾਰਣੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਾਰੇ ਜਾਣਨ ਲਈ ਹੇਠਾਂ ਦੇਖੋ.

ਕਈ ਗੁਣ ਹਨ ਜੋ ਕਿ ਐਚਟੀਐਮਐਲ 4.01 ਸਪੈਸੀਫਿਕੇਸ਼ਨ ਦਾ ਹਿੱਸਾ ਹਨ ਜੋ ਕਿ HTML5 ਵਿਚ ਪੁਰਾਣਾ ਹੋ ਗਿਆ ਹੈ:

• -ਸਾਰਣੀ ਦੇ ਟੀਡੀ ਅਤੇ TH ਤੱਤ 'ਤੇ CSS ਪੈਡਿੰਗ ਦੀ ਜਾਇਦਾਦ ਦਾ ਇਸਤੇਮਾਲ ਕਰੋ.
• -ਸਾਰਣੀ ਤੇ CSS ਸੰਦਰਭ ਬਾਰਡਰ-ਸਪੇਸ ਦੀ ਵਰਤੋਂ ਕਰੋ.
• -ਸੀਐਸਐਸ ਸਟਾਈਲ ਬਾਰਡਰ-ਰੰਗ: ਕਾਲੇ; ਅਤੇ ਟੇਬਲ ਤੇ ਬਾਰਡਰ ਸਟਾਈਲ.
• -ਸੀਐਸਐਸ ਸਟਾਈਲ ਬਾਰਡਰ-ਰੰਗ: ਕਾਲੇ; ਅਤੇ ਟੇਬਲ ਦੇ ਉਚਿਤ ਤੱਤਾਂ 'ਤੇ ਬਾਰਡਰ ਸਟਾਈਲ.
• - ਇਸ ਦੇ ਉਲਟ, ਤੁਹਾਨੂੰ ਕੈਪਟਨ ਵਿੱਚ ਟੇਬਲ ਦੇ ਢਾਂਚੇ ਦਾ ਵਰਣਨ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਸਾਰੀ ਸਾਰਣੀ ਨੂੰ ਇੱਕ FIGURE ਵਿੱਚ ਪਾਉਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਇਸ ਨੂੰ FIGCAPTION ਵਿੱਚ ਦਰਸਾਉਣਾ ਚਾਹੀਦਾ ਹੈ. ਵਿਕਲਪਕ ਤੌਰ ਤੇ, ਤੁਸੀਂ ਸਾਰਣੀ ਦੇ ਢਾਂਚੇ ਨੂੰ ਸਰਲ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੇ ਹੋ ਤਾਂ ਜੋ ਕੋਈ ਵੀ ਸਪੱਸ਼ਟੀਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਪਵੇ.
• - CSS ਚੌੜਾਈ ਦੀ ਜਾਇਦਾਦ ਦਾ ਉਪਯੋਗ ਕਰੋ

ਅਤੇ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਜੋ HTML 4.01 ਵਿੱਚ ਬਰਤਰਫ ਕੀਤੀ ਗਈ ਸੀ ਅਤੇ HTML5 ਵਿੱਚ ਵੀ ਅਪ੍ਰਤੱਖ ਹੈ.

HTML 4.01 ਟੇਬਲ ਗੁਣਾਂ ਬਾਰੇ ਹੋਰ ਜਾਣੋ.

• ਅਲਾਈਨ ਕਰੋ- ਇਸਦੀ ਬਜਾਏ CSS ਮਾਰਜਿਨ ਦੀ ਵਰਤੋਂ ਕਰੋ.

ਕਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵੀ ਹਨ ਜੋ ਕਿਸੇ ਵੀ HTML ਸਪ੍ਰੈਕਸ਼ਨ ਦਾ ਹਿੱਸਾ ਨਹੀਂ ਹਨ.

ਇਹਨਾਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੇਕਰ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਕਿ ਤੁਹਾਡੇ ਦੁਆਰਾ ਸਹਿਯੋਗੀ ਬ੍ਰਾਉਜ਼ਰ ਉਹਨਾਂ ਨੂੰ ਵਰਤ ਸਕਦੇ ਹਨ ਅਤੇ ਤੁਸੀਂ ਵੈਧ HTML ਬਾਰੇ ਪਰਵਾਹ ਨਹੀਂ ਕਰਦੇ.

• -ਇਸ ਦੀ ਬਜਾਇ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਬੈਕਗਰਾਊਂਡ-ਰੰਗ ਦੀ ਵਰਤੋਂ ਕਰੋ.
• ਬਾਰਡਰ ਰੰਗ - ਇਸਦੀ ਬਜਾਏ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ ਰੰਗ ਵਰਤੋ.
• bordercolorlight- ਇਸ ਦੀ ਬਜਾਇ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ-ਰੰਗ ਵਰਤੋ.
• bordercolordark- ਇਸ ਦੀ ਬਜਾਏ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰਡਰ-ਰੰਗ ਦੀ ਵਰਤੋਂ ਕਰੋ.

• ਕੋਲਾ- ਇਸ ਗੁਣ ਦਾ ਕੋਈ ਬਦਲ ਨਹੀਂ ਹੈ.
• ਉਚਾਈ - ਇਸ ਦੀ ਬਜਾਇ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਉਚਾਈ ਦੀ ਵਰਤੋਂ ਕਰੋ.
• -ਇਸ ਦੀ ਬਜਾਏ CSS ਪ੍ਰਾਪਰਟੀ ਮਾਰਜਿਨ ਦੀ ਵਰਤੋਂ ਕਰੋ.
• -ਇਸ ਦੀ ਬਜਾਏ CSS ਪ੍ਰਾਪਰਟੀ ਮਾਰਜਿਨ ਦੀ ਵਰਤੋਂ ਕਰੋ.
• -ਇਸ ਦੀ ਬਜਾਏ CSS ਪ੍ਰਾਪਰਟੀ ਨੂੰ ਸਫੈਦ-ਸਪੇਸ ਵਰਤੋ.
• -ਇਸ ਦੀ ਬਜਾਏ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਟੀਕਲ-ਅਲਾਈਨ ਕਰੋ.

ਬਰਾਊਜ਼ਰ ਖਾਸ ਟੇਬਲ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਾਰੇ ਹੋਰ ਜਾਣੋ.

HTML5 ਸਾਰਣੀ ਐਲੀਮੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਜਿਵੇਂ ਕਿ ਅਸੀਂ ਉੱਪਰ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈ, ਕੇਵਲ ਇੱਕ ਹੀ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ, ਜੋ ਕਿ ਵਿਸ਼ਵਵਿਆਪੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਤੋਂ ਪਰੇ ਹੈ, ਜੋ ਕਿ ਇੱਕ HTML5 ਸਾਰਣੀ ਐਲੀਮੈਂਟ 'ਤੇ ਪ੍ਰਮਾਣਿਤ ਹੈ: ਬਾਰਡਰ.

ਬਾਰਡਰ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਉਪਯੋਗ ਸਾਰੀ ਸਾਰਨੀ ਦੇ ਦੁਆਲੇ ਬਾਰਡਰ ਅਤੇ ਉਸਦੇ ਅੰਦਰਲੇ ਸਾਰੇ ਸੈੱਲਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਕੀਤਾ ਜਾਂਦਾ ਹੈ. ਇਸ ਬਾਰੇ ਕੁਝ ਪ੍ਰਸ਼ਨ ਸੀ ਕਿ ਕੀ ਇਹ HTML5 ਹਦਾਇਤਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾਏਗਾ, ਪਰ ਇਹ ਇਸ ਲਈ ਜਾਰੀ ਰਿਹਾ ਕਿਉਂਕਿ ਇਸ ਨੇ ਟੇਬਲ ਢਾਂਚੇ ਬਾਰੇ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕੀਤੀ ਹੈ, ਸਿਰਫ਼ ਸ਼ੈਲੀ ਦੇ ਪ੍ਰਭਾਵ ਤੋਂ ਪਰੇ.

ਸਰਹੱਦ ਐਟਰੀਬਿਊਟ ਨੂੰ ਜੋੜਨ ਲਈ, ਤੁਸੀਂ ਮੁੱਲ ਨੂੰ 1 ਤੇ ਸੈਟ ਕਰਦੇ ਹੋ ਜੇਕਰ ਕੋਈ ਸੀਮਾ ਹੈ ਅਤੇ ਖਾਲੀ ਹੈ (ਜਾਂ ਵਿਸ਼ੇਸ਼ਤਾ ਛੱਡੋ) ਜੇਕਰ ਨਹੀਂ ਹੈ. ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਊਜ਼ਰ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਪਿਕਸਲ ਵਿੱਚ ਘੋਸ਼ਿਤ ਕਰਨ ਲਈ 0 ਦੇ ਬਿਨਾਂ ਸਰਹੱਦ ਲਈ, ਅਤੇ ਕਿਸੇ ਵੀ ਹੋਰ ਪੂਰਨ ਅੰਕ (2, 3, 30, 500, ਆਦਿ) ਦਾ ਸਮਰਥਨ ਕਰਨਗੇ, ਪਰ ਇਹ HTML5 ਵਿੱਚ ਪੁਰਾਣਾ ਹੈ. ਇਸਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਅਤੇ ਦੂਜੀ ਸਟਾਈਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ CSS ਬਾਰਡਰ ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਾ ਉਪਯੋਗ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ.

ਸਰਹੱਦ ਨਾਲ ਟੇਬਲ ਬਣਾਉਣ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਬਾਰਡਰ = "1" >

ਇਹ ਇੱਕ ਬਾਰਡਰ ਵਾਲੀ ਸਾਰਣੀ ਹੈ

HTML 4.01 ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ ਜੋ HTML5 ਵਿਚ ਪੁਰਾਣੀਆਂ ਹਨ ਜੇ ਤੁਸੀਂ HTML 4.01 ਦਸਤਾਵੇਜ਼ਾਂ ਨੂੰ ਲਿਖਣ ਦੀ ਵਿਉਂਤ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਨੂੰ ਸਿੱਖ ਸਕਦੇ ਹੋ, ਨਹੀਂ ਤਾਂ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਅਣਡਿੱਠਾ ਕਰ ਸਕਦੇ ਹੋ. ਇਨ੍ਹਾਂ ਵਿੱਚੋਂ ਜ਼ਿਆਦਾਤਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚ ਉਪਰੋਕਤ ਦੱਸੇ ਵਿਕਲਪ ਹਨ.

ਅਸੀਂ ਉਸ ਤੱਤ ਦੇ ਗੁਣਾਂ ਦਾ ਵਰਣਨ ਕਰਦੇ ਹਾਂ ਜੋ HTML5 (ਅਤੇ HTML 4.01) ਵਿੱਚ ਵੈਧ ਹਨ. ਇਹ ਸਾਰਣੀ ਗੁਣਾਂ ਦਾ ਵਰਣਨ ਕਰਦਾ ਹੈ ਜੋ ਕਿ HTML 4.01 ਵਿੱਚ ਵੈਧ ਹਨ, ਪਰ HTML5 ਵਿੱਚ ਪੁਰਾਣਾ ਹੈ ਜੇ ਤੁਸੀਂ ਅਜੇ ਵੀ ਐਚਟੀਐਮਐਲ 4.01 ਦਸਤਾਵੇਜ਼ ਲਿਖਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਹਨਾਂ ਗੁਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਉਨ੍ਹਾਂ ਵਿਚੋਂ ਜ਼ਿਆਦਾਤਰ ਕੋਲ ਅਜਿਹੇ ਵਿਕਲਪ ਹਨ ਜੋ ਤੁਹਾਡੇ ਪੰਨਿਆਂ ਨੂੰ ਭਵਿੱਖ ਲਈ ਤਿਆਰ ਕਰਨਗੀਆਂ, ਜਦੋਂ ਤੁਸੀਂ HTML5 ਤੇ ਚਲੇ ਜਾਂਦੇ ਹੋ

ਵੈਧ HTML 4.01 ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

ਗੁਣ ਜੋ ਅਸੀ ਉੱਪਰ ਬਿਆਨ ਕੀਤਾ ਹੈ

HTML5 ਦੇ HTML 4.01 ਵਿੱਚ ਕੇਵਲ ਇੱਕ ਅੰਤਰ ਹੈ ਕਿ ਤੁਸੀਂ ਪਿਕਸਲ ਵਿੱਚ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਕੋਈ ਪੂਰਨ ਪੂਰਨ ਅੰਕ (0, 1, 2, 15, 20, 200, ਆਦਿ) ਨਿਸ਼ਚਿਤ ਕਰ ਸਕਦੇ ਹੋ.

5px ਦੀ ਸੀਮਾ ਨਾਲ ਇੱਕ ਸਾਰਣੀ ਬਣਾਉਣ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਬਾਰਡਰ = "5" >

ਇਸ ਸਾਰਣੀ ਵਿੱਚ ਇੱਕ 5px ਬਾਰਡਰ ਹੈ.

ਸਰਹੱਦਾਂ ਦੇ ਨਾਲ ਦੋ ਟੇਬਲਿਆਂ ਦਾ ਉਦਾਹਰਣ ਦੇਖੋ.

ਵਿਸ਼ੇਸ਼ਤਾ ਸੈੱਲ ਦੀਆਂ ਸੀਮਾਵਾਂ ਅਤੇ ਸੈਲ ਦੀ ਸਮਗਰੀ ਵਿਚਕਾਰ ਸਪੇਸ ਦੀ ਮਾਤਰਾ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਦੀ ਹੈ. ਮੂਲ ਦੋ ਪਿਕਸਲ ਹੈ. ਸੈੱਲਪੈਡਿੰਗ ਨੂੰ 0 ਤੇ ਸੈੱਟ ਕਰੋ ਜੇਕਰ ਤੁਸੀਂ ਸਮੱਗਰੀ ਅਤੇ ਬਾਰਡਰ ਦੇ ਵਿੱਚਕਾਰ ਕੋਈ ਥਾਂ ਨਹੀਂ ਚਾਹੁੰਦੇ.

ਸੈਲ ਪੈਡਿੰਗ ਨੂੰ 20 ਤੇ ਸੈਟ ਕਰਨ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਸੈੱਲਪੈਡ = "20" >

ਇਸ ਸਾਰਣੀ ਵਿੱਚ 20 ਦਾ ਸੈਲਪਾੱਡਿੰਗ ਹੈ.


ਸੈੱਲ ਬਾਰਡਰ 20 ਪਿਕਸਲ ਦੁਆਰਾ ਵੱਖ ਕੀਤੇ ਜਾਣਗੇ.

ਸੈਲਪਾੱਡਿੰਗ ਦੇ ਨਾਲ ਇੱਕ ਸਾਰਣੀ ਦਾ ਇੱਕ ਉਦਾਹਰਣ ਵੇਖੋ

ਵਿਸ਼ੇਸ਼ਤਾ ਸਾਰਣੀ ਦੇ ਸੈੱਲਾਂ ਅਤੇ ਸੈਲ ਸਮੱਗਰੀ ਦੇ ਵਿਚਕਾਰ ਸਪੇਸ ਦੀ ਮਾਤਰਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ ਸੈਲਪਾਡਿੰਗ ਦੀ ਤਰ੍ਹਾਂ, ਡਿਫੌਲਟ ਨੂੰ ਦੋ ਪਿਕਸਲ 'ਤੇ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਸਲਈ ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ 0 ਤੇ ਸੈਟ ਕਰਨਾ ਹੋਵੇਗਾ ਜੇਕਰ ਤੁਸੀਂ ਕੋਈ ਵੀ ਸੈਲ ਸਪੇਸਿੰਗ ਨਹੀਂ ਚਾਹੁੰਦੇ.

ਸੈਲ ਫੈਲਾਇੰਗ ਨੂੰ ਸਾਰਣੀ ਵਿੱਚ ਜੋੜਨ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਸੈੱਲਸਪੇਸਿੰਗ = "20" >

ਇਸ ਸਾਰਣੀ ਵਿੱਚ 20 ਦਾ ਕੋਣ-ਸਪੇਸਿੰਗ ਹੈ.


ਸੈਲ 20 ਪਿਕਸਲ ਦੇ ਨਾਲ ਵੱਖ ਕੀਤੇ ਜਾਣਗੇ.

ਸੈੱਲਸਪੇਸਿੰਗ ਵਾਲੀ ਇੱਕ ਸਾਰਣੀ ਵੇਖੋ

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

ਇੱਥੇ ਸਿਰਫ ਖੱਬੇ ਪਾਸੇ ਬਾਰਡਰ ਦੇ ਨਾਲ ਇੱਕ ਸਾਰਣੀ ਲਈ HTML ਹੈ:

<ਸਾਰਣੀ ਬਾਰਡਰ = "1" ਫਰੇਮ = "lhs" >

ਇਹ ਸਾਰਣੀ
ਕੋਲ ਹੋਵੇਗਾ


ਕੇਵਲ
ਖੱਬਾ ਪਾਸਾ.

ਅਤੇ ਹੇਠਲੇ ਫਰੇਮ ਨਾਲ ਇਕ ਹੋਰ ਉਦਾਹਰਣ:

<ਸਾਰਣੀ ਬਾਰਡਰ = "1" ਫ੍ਰੇਮ = "ਹੇਠਾਂ" >

ਇਸ ਟੇਬਲ ਦੇ ਹੇਠਾਂ ਇੱਕ ਫਰੇਮ ਹੈ.

ਫਰੇਮਸ ਦੇ ਨਾਲ ਕੁਝ ਟੇਬਲ ਚੈੱਕ ਕਰੋ

ਗੁਣ ਫਰੇਮ ਗੁਣ ਦੇ ਸਮਾਨ ਹੈ, ਸਿਰਫ ਟੇਬਲ ਦੇ ਸੈੱਲਾਂ ਦੇ ਆਲੇ ਦੁਆਲੇ ਬਾਰਡਰ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ. ਤੁਸੀ ਸਾਰੇ ਸੈੱਲਾਂ, ਕਾਲਮ ਦੇ ਵਿਚਕਾਰ, ਟੀ ਬੀ ਐੱਡੀਈ ਅਤੇ ਟੀਐਫਓਓਟ ਜਾਂ ਕਿਸੇ ਵੀ ਤਰ੍ਹਾਂ ਦੇ ਸਮੂਹਾਂ ਦੇ ਨਿਯਮਾਂ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ.

ਸਿਰਫ ਸਾਰਣੀਆਂ ਦੇ ਵਿਚਕਾਰ ਹੀ ਟੇਬਲ ਬਣਾਉਣ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਬਾਰਡਰ = "1" ਨਿਯਮ = "ਕਤਾਰ" >

ਇਹ 4x4 ਸਾਰਣੀ ਵਿੱਚ ਹੈ
ਕਤਾਰਾਂ ਕਾਲਮ ਨਹੀਂ


ਨਾਲ ਦੱਸੇ ਗਏ
ਨਿਯਮਾਂ ਦਾ ਗੁਣ.

ਅਤੇ ਇਕ ਹੋਰ ਕਾਲਮ ਦੇ ਵਿਚਲੀ ਲਾਈਨ:

<ਸਾਰਣੀ ਬਾਰਡਰ = "1" ਨਿਯਮ = "ਕਾੱਲ" >

ਇਹ ਹੈ
ਇੱਕ ਸਾਰਣੀ
ਜਿੱਥੇ


ਕਾਲਮ
ਹੈ
ਉਜਾਗਰ ਕੀਤਾ

ਨਿਯਮ ਦੇ ਨਾਲ ਏ ਟੇਬਲ ਦੀ ਉਦਾਹਰਨ ਇੱਥੇ ਹੈ

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

ਸਾਰਾਂਸ਼ ਨਾਲ ਸਧਾਰਨ ਸਾਰਣੀ ਲਿਖਣੀ ਇੱਥੇ ਹੈ:

<ਸਾਰਣੀ ਸੰਖੇਪ = "ਇਹ ਇੱਕ ਨਮੂਨਾ ਸਾਰਣੀ ਹੈ ਜਿਸ ਵਿੱਚ ਭਰਰਾਈ ਜਾਣਕਾਰੀ ਹੈ. ਇਸ ਸਾਰਣੀ ਦਾ ਉਦੇਸ਼ ਸੰਖੇਪ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਕਰਨਾ ਹੈ." >

ਕਾਲਮ 1 ਕਤਾਰ 1
ਕਾਲਮ 2 ਕਤਾਰ 1


ਕਾਲਮ 1 ਕਤਾਰ 2
ਕਾਲਮ 2 ਕਤਾਰ 2

ਸੰਖੇਪ ਦੇ ਨਾਲ ਇੱਕ ਸਾਰਣੀ ਵੇਖੋ

ਐਟਰੀਬਿਊਟ ਟੇਬਲ ਦੀ ਚੌੜਾਈ ਨੂੰ ਪਿਕਸਲ ਵਿੱਚ ਜਾਂ ਕੰਟੇਨਰ ਦੇ ਤੱਤ ਦੇ ਪ੍ਰਤੀਸ਼ਤ ਵਜੋਂ ਦਰਸਾਉਂਦੀ ਹੈ. ਜੇਕਰ ਚੌੜਾਈ ਸੈਟ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ, ਤਾਂ ਟੇਬਲ ਕੇਵਲ ਬਹੁਤ ਸਾਰੀ ਥਾਂ ਲੈਂਦੀ ਹੈ ਜਿਵੇਂ ਕਿ ਸਮੱਗਰੀ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ, ਜਿਸਦੇ ਨਾਲ ਵੱਧ ਤੋਂ ਵੱਧ ਚੌੜਾਈ ਮੂਲ ਮਾਪ ਦੇ ਚੌੜਾਈ ਦੇ ਬਰਾਬਰ ਹੁੰਦੀ ਹੈ.

ਪਿਕਸਲ ਵਿੱਚ ਇੱਕ ਖਾਸ ਚੌੜਾਈ ਨਾਲ ਟੇਬਲ ਬਣਾਉਣ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਚੌੜਾਈ = "300" >

ਇਹ ਸਾਰਣੀ ਕੰਟੇਨਰ ਦੇ ਅੰਦਰ ਦੀ 80% ਚੌੜਾਈ ਹੈ.

ਅਤੇ ਇੱਕ ਚੌੜਾਈ ਨਾਲ ਟੇਬਲ ਬਣਾਉਣ ਲਈ ਜੋ ਮੂਲ ਤੱਤ ਦਾ ਪ੍ਰਤੀਸ਼ਤ ਹੈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਚੌੜਾਈ = "80%" >

ਇਹ ਸਾਰਣੀ ਕੰਟੇਨਰ ਦੇ ਅੰਦਰ ਦੀ 80% ਚੌੜਾਈ ਹੈ.

ਇੱਕ ਚੌੜਾਈ ਦੇ ਨਾਲ ਇੱਕ ਸਾਰਣੀ ਦਾ ਇੱਕ ਉਦਾਹਰਣ ਵੇਖੋ

Deprecated HTML 4.01 ਸਾਰਣੀ ਗੁਣ

ਟੈਬਲ ਐਲੀਮੈਂਟ ਦਾ ਇੱਕ ਗੁਣ ਹੈ ਜੋ ਕਿ HTML 4.01 ਵਿੱਚ ਬਰਤਰਿਆ ਗਿਆ ਹੈ ਅਤੇ HTML5 ਵਿੱਚ ਪੁਰਾਣਾ ਹੈ: ਇਕਸਾਰ . ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਤੁਹਾਨੂੰ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ ਕਿ ਟੇਬਲ ਉਸਦੇ ਕੋਲ ਪਾਸੇ ਦੇ ਪਾਠ ਦੇ ਅਨੁਸਾਰੀ ਪੇਜ ਤੇ ਸਥਿਤ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ. ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ HTML 4.01 ਤੋਂ ਨਾਪਸੰਦ ਕੀਤਾ ਗਿਆ ਹੈ, ਅਤੇ ਤੁਹਾਨੂੰ ਇਸਨੂੰ ਵਰਤਣਾ ਤੋਂ ਬਚਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਸ ਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ CSS ਜਾਇਦਾਦ ਜਾਂ ਮਾਰਜਿਨ-ਖੱਬਾ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ: ਆਟੋ; ਅਤੇ ਹਾਸ਼ੀਆ-ਸੱਜਾ: ਆਟੋ; ਸਟਾਈਲ ਫਲੋਟ ਦੀ ਜਾਇਦਾਦ ਤੁਹਾਨੂੰ ਇੱਕ ਨਤੀਜਾ ਦਿੰਦੀ ਹੈ ਜੋ ਇਕਸਾਰ ਐਟਿਬਰਟ ਦੁਆਰਾ ਦਿੱਤਾ ਗਿਆ ਹੈ, ਪਰ ਇਹ ਬਾਕੀ ਦੇ ਪੇਜ ਸੰਸ਼ੋਧਨਾਂ ਦੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਣ ਦੇ ਢੰਗ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰ ਸਕਦੀ ਹੈ. ਹਾਸ਼ੀਏ-ਸੱਜੇ: ਆਟੋ; ਅਤੇ ਹਾਸ਼ੀਏ ਤੋਂ ਖੱਬੇ: ਆਟੋ; ਉਹ ਹਨ ਜੋ ਡਬਲਿਊ -3 ਸੀ ਇਕ ਬਦਲ ਦੇ ਤੌਰ 'ਤੇ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਨ.

ਅਲਾਈਨ ਗੁਣ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਥੇ ਇੱਕ ਨਾਪਸੰਦ ਉਦਾਹਰਨ ਹੈ:

<ਸਾਰਣੀ align = "right" >

ਇਹ ਸਾਰਣੀ ਸੱਜੇ ਪਾਸੇ ਵੱਲ ਹੈ


ਟੈਕਸਟ ਖੱਬੇ ਪਾਸੇ ਇਸਦੇ ਖੱਬੇ ਪਾਸੇ ਵਹਿੰਦਾ ਹੈ

ਅਲਾਈਨ ਗੁਣ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਾਪਸੰਦ ਉਦਾਹਰਨ ਦੇਖੋ.

ਅਤੇ ਵੈਧ (ਗ਼ੈਰ-ਬਰਤਰਫ ਨਹੀਂ) HTML ਨਾਲ ਉਸੇ ਪ੍ਰਭਾਵ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਫਲੋਟ: ਸੱਜਾ;" >

ਇਹ ਸਾਰਣੀ ਸੱਜੇ ਪਾਸੇ ਵੱਲ ਹੈ


ਟੈਕਸਟ ਖੱਬੇ ਪਾਸੇ ਇਸਦੇ ਖੱਬੇ ਪਾਸੇ ਵਹਿੰਦਾ ਹੈ

ਹੇਠਾਂ ਸਾਰਣੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਿਆਖਿਆ ਕੀਤੀ ਗਈ ਹੈ ਜੋ ਕਿ ਕਿਸੇ ਵੀ HTML ਸਪੈਸੀਫਿਕੇਸ਼ਨ ਦਾ ਹਿੱਸਾ ਨਹੀਂ ਹਨ.

ਪਿਛਲੀ ਜਾਣਕਾਰੀ ਵਿੱਚ HTML ਤੱਤ ਦੇ ਗੁਣਾਂ ਬਾਰੇ ਦੱਸਿਆ ਗਿਆ ਹੈ ਜੋ ਕਿ HTML 4.01 ਵਿੱਚ ਵੈਧ ਹਨ ਪਰ HTML5 ਵਿੱਚ ਪੁਰਾਣਾ ਹੈ.

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

ਅਸੀਂ ਇਹਨਾਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਆਪਣੇ HTML ਟੇਬਲ ਤੇ ਵਰਤਣ ਦੀ ਸਿਫਾਰਸ਼ ਨਹੀਂ ਕਰਦੇ ਹਾਂ

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

ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਬਿਹਤਰ ਬਦਲ ਸਟਾਇਲ ਪ੍ਰਾਪਰਟੀ ਹੈ.

ਟੇਬਲ ਦੀ ਪਿੱਠਭੂਮੀ ਦਾ ਰੰਗ ਬਦਲਣ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: # ਸੀਸੀ;" >

ਇਸ ਸਾਰਣੀ ਵਿੱਚ ਇੱਕ ਸਲੇਟੀ ਪਿਛੋਕੜ ਹੈ

Bgcolor ਗੁਣ ਦੇ ਸਮਾਨ ਹੈ, ਬਾਰਡਰ ਰੰਗ ਦੀ ਗੁਣ ਤੁਹਾਨੂੰ ਗੁਣ ਦਾ ਰੰਗ ਬਦਲਣ ਦਿੰਦਾ ਹੈ. ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਕੇਵਲ ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ ਦੁਆਰਾ ਸਮਰਥਿਤ ਹੈ ਇਸ ਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ ਸਰਹੱਦ ਰੰਗ ਦੀ ਸ਼ੈਲੀ ਦੀ ਜਾਇਦਾਦ ਨੂੰ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ

ਆਪਣੀ ਸਾਰਣੀ ਦੀ ਸਰਹੱਦ ਦਾ ਰੰਗ ਬਦਲਣ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਬਾਰਡਰ = "1" ਸ਼ੈਲੀ = "ਬਾਰਡਰ-ਰੰਗ: ਲਾਲ;" >

ਇਸ ਸਾਰਣੀ ਵਿੱਚ ਇੱਕ ਲਾਲ ਸਰਹੱਦ ਹੈ.

ਬਾਰਡਰ ਕਲੈਰਲਾਈਟ ਅਤੇ ਬਾਰਡਰਕੋਲੋਟਰਿਕ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਤੁਹਾਡੀ ਐਂਟਰ ਐਕਸਲੋਰਰ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਟੇਬਲ ਦੇ ਦੁਆਲੇ ਇੱਕ 3D ਬਾਰਡਰ ਬਣਾ ਸਕੋ. ਹਾਲਾਂਕਿ, IE8 ਅਤੇ ਉੱਪਰ ਦੇ ਤੌਰ ਤੇ, ਇਹ ਕੇਵਲ IE7 ਸਟੈਂਡਰਡ ਮੋਡ ਅਤੇ ਕੁਇਰਕਸ ਮੋਡ ਵਿੱਚ ਸਮਰਥਿਤ ਹੈ. ਮਾਈਕਰੋਸਾਫਟ ਕਹਿੰਦਾ ਹੈ ਕਿ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹੁਣ ਸਹਾਇਕ ਨਹੀਂ ਹਨ.

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

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

CSS ਉਚਾਈ ਦੀ ਜਾਇਦਾਦ ਦੇ ਨਾਲ ਤੁਸੀਂ ਉਚਾਈ ਨੂੰ ਘਟਾ ਸਕਦੇ ਹੋ ਜੇਕਰ ਤੁਸੀਂ CSS ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ ਅਤੇ ਇਹ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਕਰਦੇ ਹੋ ਕਿ ਕਿਸੇ ਵਾਧੂ ਸਮੱਗਰੀ ਨਾਲ ਕੀ ਵਾਪਰਦਾ ਹੈ

ਟੇਬਲ ਤੇ ਘੱਟੋ ਘੱਟ ਉਚਾਈ ਸੈਟ ਕਰਨ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਉਚਾਈ: 30 ਐਮ;" >

ਇਹ ਸਾਰਣੀ ਘੱਟੋ ਘੱਟ 30 ਐਮ ਵੱਧ ਹੈ.

ਦੋ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਸਾਰਣੀ ਦੇ ਖੱਬੇ / ਸੱਜੇ ਪਾਸੇ (ਐਚਐਸਪੇਸ) ਅਤੇ ਚੋਟੀ / ਥੱਲੇ (ਵਰਸਪੇਸ) ਦੇ ਆਲੇ ਦੁਆਲੇ ਜੋੜੀਆਂ ਥਾਂਵਾਂ. ਤੁਹਾਨੂੰ ਉਸਦੀ ਸ਼ੈਲੀ ਦੀ ਜਾਇਦਾਦ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ.

ਲੰਬਕਾਰੀ ਥਾਂ ਨੂੰ 20 ਪਿਕਸਲ ਅਤੇ ਹਰੀਜੱਟਲ ਸਪੇਸ ਨੂੰ 40 ਪਿਕਸਲ ਵਿੱਚ ਸੈੱਟ ਕਰਨ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਹਾਸ਼ੀਆ: 20px 40px;"

ਇਸ ਸਾਰਣੀ ਵਿੱਚ 20 ਪਿਕਸਲ ਦੀ ਇੱਕ ਵਿਸਥਾਰ ਅਤੇ 40 ਪਿਕਸਲ ਦੀ ਇੱਕ hspace ਹੈ.

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

ਬਹੁਤ ਸਾਰਾ ਟੈਕਸਟ ਨਾਲ ਲੇਪ ਕਰਨ ਲਈ, ਲਿਖੋ:

<ਸਾਰਣੀ>

style = "white-space: nowrap;" > ਇਹ ਇੱਕ ਟਨ ਦੀ ਸਮੱਗਰੀ ਦੇ ਨਾਲ ਇੱਕ ਕਾਲਮ ਹੈ ਪਰੰਤੂ ਜੇ ਇਹ ਕੰਟੇਨਰ ਨਾਲੋਂ ਵੱਧ ਹੋਵੇ ਤਾਂ ਟੈਕਸਟ ਨੂੰ ਅਗਲੀ ਲਾਈਨ ਤੇ ਸਮੇਟਣਾ ਨਹੀਂ ਚਾਹੀਦਾ, ਪਰੰਤੂ ਇਸ ਦੀ ਬਜਾਏ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਨੂੰ ਸਾਰੀ ਸਮਗਰੀ ਨੂੰ ਵੇਖਣ ਲਈ ਖਿਤਿਜੀ ਸਕ੍ਰੌਲ ਕਰਨ ਲਈ ਮਜਬੂਰ ਕਰੋ.

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

ਇੱਕ ਸੈੱਲ ਨੂੰ ਤਲ ਉੱਤੇ ਕਤਾਰਬੱਧ ਕਰਨ ਲਈ (ਮੱਧ ਨਾਲੋਂ, ਮੂਲ ਵਜੋਂ), ਲਿਖੋ:

<ਸਾਰਣੀ>

ਇਹ ਸੈਲਾਨ ਬਾਕੀ ਦੇ ਨਾਲੋਂ ਲੰਬੇ ਹੈ ਅਤੇ ਇਸ ਤਰ੍ਹਾਂ ਉੱਚਾਈ ਵੱਧ ਤੋਂ ਵੱਧ ਹੋਣ ਲਈ ਮਜਬੂਰ ਕਰੇਗੀ. ਇਸ ਲਈ ਤੁਸੀਂ ਵੇਖੋਂਗੇ ਕਿ ਲੰਬਕਾਰੀ ਇਕਸਾਰ ਸੈੱਲ ਨੂੰ ਤਲ ਨਾਲ ਜੋੜਿਆ ਗਿਆ ਹੈ.
ਸ਼ੈਲੀ = "ਵਰਟੀਕਲ-ਅਲਾਈਨ: ਥੱਲੇ;" > ਤਲ ਉੱਤੇ ਸੰਖੇਪ.
ਵਿਚਕਾਰ ਵਿਚ ਸੰਖੇਪ.