سی ای ایس بوردر کی جگہ
- پچھلے صفحے سی ای ایس بوردر رنگ
- آئندہ صفحہ سی ای ایس بوردر شارٹ پرپریئز
CSS ਬਾਰਡਰ - ਵੱਖਰੇ ਬਾਰਡਰ
ਪਿਛਲੇ ਖੰਡ ਦੇ ਉਦਾਹਰਣਾਂ ਵਿੱਚੋਂ ਤੁਸੀਂ ਦੇਖ ਸਕਦੇ ਹੋ ਕਿ ਹਰ ਪਾਸੇ ਲਈ ਵੱਖ-ਵੱਖ ਫਰਾਮ ਸਟਾਈਲ ਸੈਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。
CSS ਵਿੱਚ ਹਰ ਫਰਾਮ (ਉੱਪਰ, ਸੱਜੇ, ਨੀਚੇ ਅਤੇ ਖੱਬੇ) ਲਈ ਸੈਟਿੰਗ ਕਰਨ ਵਾਲੀਆਂ ਕੁਝ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ:
مثال
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
ਨਤੀਜਾ:
ਵੱਖ-ਵੱਖ ਫਰਾਮ ਸਟਾਈਲ
ਵੱਖ-ਵੱਖ ਫਰਾਮ ਸਟਾਈਲ
ਉੱਪਰੀ ਉਦਾਹਰਣ ਦਾ ਨਤੀਜਾ ਇਸ ਨਾਲ ਮਿਲਦਾ ਹੈ:
مثال
p {
border-style: dotted solid;
}
ਇਸ ਦਾ ਕੰਮ ਕਰਨ ਦਾ ਮੁੱਖ ਮੰਤਰ ਇਹ ਹੈ:
اگر border-style ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟਿੰਗ ਚਾਰ ਮੁੱਲਾਂ ਵਾਲੀ ਹੈ:
border-style: dotted solid double dashed;
- ਉੱਪਰੀ ਫਰਾਮ ਹਲਕੀ ਹੈ
- ਸੱਜੇ ਫਰਾਮ ਸਟਾਈਲਡ ਹੈ
- ਨਿਚਲੀ ਫਰਾਮ ਦੋ ਹਰਿਆਂ ਵਾਲੀ ਹੈ
- ਖੱਬੇ ਫਰਾਮ ਹਲਕੀ ਹੈ
اگر border-style ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟਿੰਗ ਤਿੰਨ ਮੁੱਲਾਂ ਵਾਲੀ ਹੈ:
border-style: dotted solid double;
- ਉੱਪਰੀ ਫਰਾਮ ਹਲਕੀ ਹੈ
- دکھ اور بائیں بوردر سول ڈائیور کا استعمال کیا گیا ہے
- ਨਿਚਲੀ ਫਰਾਮ ਦੋ ਹਰਿਆਂ ਵਾਲੀ ਹੈ
اگر border-style بائیں اور دکھ بوردر سول ڈائیور کا استعمال کیا گیا ہے، لیکن
border-style: dotted solid;
- اگر
- دکھ اور بائیں بوردر سول ڈائیور کا استعمال کیا گیا ہے
اگر border-style کی وصف ایک مقادیر سے ہوتی ہے:
border-style: dotted;
- چار جانب میں وائیلین
مثال
/* چار مقادیر */
p {
border-style: dotted solid double dashed;
}
/* تین مقادیر */
p {
border-style: dotted solid double;
}
/* دو مقادیر */
p {
border-style: dotted solid;
}
/* ایک مقادیر */
p {
border-style: dotted;
}
مثال میں استعمال کی گئی وصف border-style کی وصف، لیکن border-width اور border-color بھی استعمال کئے جاتے ہیں
- پچھلے صفحے سی ای ایس بوردر رنگ
- آئندہ صفحہ سی ای ایس بوردر شارٹ پرپریئز
