CSS: TABLE ڈیزائن. رجسٹریشن کی مثالوں

سبق کے دلچسپ اور ذمہ دار - سی ایس ایس کے ساتھ کی میزیں بنانا. اس کاروبار کے نقطہ نظر تمام ممکنہ سٹائل کے علم کے ساتھ کے competently کرنے کی ضرورت ہے. اس کے علاوہ، یہ ان کی تخلیقی زائرین بند خوفزدہ نہیں کرنے کے لئے خوبصورتی کا احساس مالک ہیں کرنا ضروری ہے.

میزیں تقریبا ہر چیز تبدیل کر سکتے ہیں. خوبصورت ڈیزائن CSS میزیں ڈیزائن حدود، ٹیبل کے پس منظر، سیل پس منظر، انہیں اور زیادہ کے درمیان فرق کے استعمال شامل ہے. سب سے بنیادی غور کریں.

میز سرحد

CSS میز سٹائل کے ڈیزائن، ہمیشہ ایک سرحد (فریم) کے ساتھ ایک کھیل شامل ہے. تمام پہلے سے طے شدہ میزیں شکل فریم نہیں ہیں. یہ ہے کہ، یہ 0 پکسلز کے برابر ہے. لیکن اس کی خاصیت کو سرحد کی طرف سے درست کیا جا سکتا.

آپ پورے ٹیبل کے لئے بیرونی فریم وضاحت کر سکتے ہیں:

ٹیبل {سرحد: 3px ٹھوس سیاہ؛ }

اس انداز کو استعمال کرتا ہے کی ویب سائٹ پر تمام ٹیبل پر اس لائن کا شکریہ سیاہ فریم ہے. نوٹ سرحد صرف کناروں پر، لیکن نہیں کی میز کے اندر ہے. سیل لائنوں اور فریم کے لئے دوسری صورت میں مخصوص.

ویں، TD {سرحد: 3px ٹھوس سیاہ؛}

موٹائی اور رنگ، آپ کسی بھی وضاحت کر سکتے ہیں. خلیات سلائی جب ذہن میں رکھیں کہ حدود دگنی نہیں ہیں.

لفظ ایک ٹھوس مسلسل رجسٹریشن پر کرنا. آپ دیگں اقدار کی وضاحت کر سکتے ہیں.

یہ سب سے زیادہ عام طور پر یہ زیادہ کشش لگتا ہے کے طور پر، ٹھوس فریم استعمال کیا جاتا ہے اور اس ویب سائٹ کے مرکزی مواد سے توجہ مشغول نہیں کرتا.

سرحدی املاک بورڈ پر بھی مخصوص کیا جا سکتا ہے. باؤنڈری صرف بائیں یا دائیں طرف، سب سے اوپر، نیچے کے لئے مقرر کیا جا سکتا ہے. کیونکہ بعض صورتوں میں یہ ایک ہی بار میں پوری ٹیبل کے لئے فریم کے ساتھ ایک قابل عمل آپشن نہیں ہے.

ٹیبل {سرحد ٹاپ: کریں 1px ٹھوس سرخ؛ }

تو آپ کو صرف ٹیبل کے سب کے لئے فریم مقرر کر سکتے ہیں. اسی طرح کسی بھی دوسری پارٹیوں کی بجائے صرف سب لکھنے کے لئے: دائیں، بائیں یا نیچے.

ٹیبل ہیڈر

ٹیبل ہیڈر ٹیگ <سرخی کے> استعمال کرتے ہوئے وضاحت کیا جا سکتا ہے. یہ ٹیگ ٹھیک ٹیوننگ کے لئے خصوصیات میں سے ایک بہت رجسٹر کرنے CSS میں ہو سکتا ہے. یہ عناصر آپ چاہتے ہیں جس پینتریبازی کرنے کے لئے ممکن ہے کیونکہ سی ایس ایس ٹیبل ڈیزائن اچھا ہے.

یہ عنوان (جیسے "جدول 1") کی کتابوں میں ایک معیار کے طور پر اسی طرح میں دکھایا جاتا ہے.

آپ عنوان اور املاک سرخی کے سائیڈ (اوپر یا نیچے) کے مقام کی وضاحت کر سکتے ہیں. بائیں سیدھ میں لانا یا حق املاک متن سیدھ کی طرف سے وضاحت کی جاتی ہے.

پس منظر کی میزیں

ٹیبل کے پس منظر کسی بھی رنگ یا پیٹرن ہو سکتا ہے. رنگین ایک پراپرٹی پس منظر کا رنگ کا تعین کرتا ہے. تقریر میں استعمال کرتا ہے کے ساتھ مکمل طور پر یکساں خصوصیات کے ناموں. یہ کئی بار ذخیرہ کرنے کی سہولت فراہم.

رنگ کا نام، اور مختلف encodings کے طور پر مخصوص کیا جا سکتا. اس کے علاوہ، آپ کو مندرجہ ذیل وضاحت کر سکتے ہیں:

• شفاف - شفاف.
• وارث ہوں - رنگ والدین عنصر کے طور پر ایک ہی ہے.
• ابتدائی - ڈیفالٹ.

شفافیت کے ساتھ اختیار ان حالات میں جہاں سی ایس ایس فائل میں متن میں تمام میزیں ایک ہی رنگ میں بنائے جاتے ہیں میں استعمال کیا جا سکتا ہے، لیکن اس معاملے میں کوئی ضرورت نہیں ہے.

اس کے علاوہ، پس منظر کی ایک تصویر ہو سکتی ہے. سٹائل مشروع پس منظر کی تصویر جائیداد میں ایسا کرنے کے لئے. راستے اس طرح ہے:

یو آر ایل ( 'URL')

فائل کا راستہ یا تو رشتہ دار یا مطلق ہو سکتا ہے.

مزید پیچیدہ پیٹ بھر ایک تدریجی کے ساتھ کیا جا سکتا ہے:

• لکیری تدریجی ()؛
• ریڈیل میلان ()؛
• دہرا لکیری میلان () اور دہرا-ریڈیل میلان () - میلان بار بار.

پس منظر کی سیل

عام طور پر ایک پس منظر کے علاوہ، اگر آپ کو کالم یا قطار میں ایک دھاری دار پس منظر کی وضاحت کر سکتے ہیں. معلومات کو پڑھنے کے لئے آسان لائنوں کی بصری علیحدگی کیونکہ جائیداد کی رجسٹریشن کے لیے، بہت اکثر استعمال ہوتا ہے.

انے کے علاوہ میں، اور آپ کو ایک مخصوص کالم یا قطار کی تعداد کی وضاحت کر سکتے ہیں. اس طرح مثال کے طور پر:

• TR: n- ویں بچے (بھی) {...} - مشبک وضاحت؛
• TR: n- ویں بچے (1) {...} - کسی خاص صف کی خصوصیات میں اشارہ؛
• TD: n- ویں بچے (بھی) {...} - کالمز ردوبدل کا اشارہ؛
• TD: n- ویں بچے (1) {...} - ایک مخصوص کالم کی خصوصیات میں سے ایک اشارہ.

ترتیب اور تعداد متعین کیا جا سکتا اس کے علاوہ - پہلے (TD: پہلی بچے) یا آخری (TD: آخری بچے).

خلیات درمیان فرق

سی ایس ایس میں، ٹیبل ڈیزائن آپ کے خلیات کے درمیان خالی جگہوں کو دور کرنے کی اجازت دیتا ہے. طے شدہ طور پر وہ کر رہے ہیں. مثلا، آپ کی حدود کے درمیان فاصلہ ترتیب کے بغیر جدول میں فریم مقرر، تو یہ یہاں یہ نتیجہ ہو جائے گا.

اتفاق کرتا ہوں، یہ بہت اچھا نہیں لگ رہا ہے اور اسے پڑھنے کے لئے آسان نہیں ہے. صارفین اس کی وجہ سے آنکھوں میں لہر پڑے گا. صرف اس طرح کے ٹیبل سٹائل میں ایک لائن لکھ کر ہو سکتا ہے ان کمیوں کو ہٹا دیں:

سرحدی-گرنے: انہدام

لیکن یہ بھی ہوتا دوری، کے برعکس، اضافہ کیا جائے. اس کے علاوہ، کمیوں کا سائز کالموں کے درمیان اور لائنوں کے درمیان کے طور پر مخصوص کیا جا سکتا ہے. ایک قدر (اس کے بجائے گر) اس بات کی نشاندہی کرنے کے لئے:

سرحدی-گرنے: علیحدہ

لیکن اس طرح کی کارروائی جو خلیات الگ کرنے کے لئے ضروری ہے کہ اس بات کی نشاندہی کرے گا. یہ ان کا حصہ تھا، اس بات کا اشارہ اضافی جائیداد:

سرحدی-وقفہ کاری: 20px.

آپ قطار اور کالموں کے درمیان مختلف فاصلے کی وضاحت کرنا چاہتے ہیں تو، یہ دو چیزیں اشارہ کرتا ہے:

سرحدی-وقفہ کاری: 10px20px.

براؤزرز میں فرق

ذہن سی ایس ایس میں ڈیزائن میزیں براؤزر پر منحصر ہے مختلف نظر آئے کہ میں رکھیں. خاص طور پر برا سی ایس ایس میں بدعات کی سہولت نہیں ہے کہ، پرانے ورژن کے ساتھ معاملہ ہے.

مندرجہ بالا ڈیجیٹل اقدار کے فریم موٹائی کی ایک مثال ہے.

یہ مثال کے طور، ثابت قدم کے فریموں کی موٹائی.

سرحد سٹائل بھی بہت مختلف ہوتے ہیں.

لہذا، ترقی، ہمیشہ مختلف براؤزرز میں نتیجہ دیکھ.

سی ایس ایس میں ڈیزائن میزیں براؤزر کی قسم چیک کرنے کی سفارش کی. خاص طور پر استعمال کیا جاتا ہے بڑا مسئلہ انٹرنیٹ ایکسپلورر کے پرانے ورژن کے ساتھ صارفین کے لیے.

بہت اعلی درجے کی ڈویلپرز، مکمل طور پر مختلف سی ایس ایس فائلوں کو مربوط کرنے کے لئے براؤزر کی بنیاد پر کر سکتے ہیں. اور اگر کوئی ہر ایک میں ایک چیک یا کسی خاص انداز (کلاس) ہوتا ہے.

سب سے زیادہ مسائل سائے سے پیدا ہوتی ہیں.

CSS: ٹیبل کی شکل کی مثالیں

رجسٹریشن بالکل مختلف ہو سکتے ہیں. یہ سب پوری سائٹ اور اس کے ڈیزائن پر منحصر ہے. سب مل کر اور کی variegated رنگوں کی جانی چاہیے. اس کے علاوہ یہ ایک عظیم کردار اور ذائقہ ڈویلپر ہوتا ہے. خوبصورتی کا احساس تمام مختلف ہے.

ہم نے مختلف ٹیبلز کی کچھ مثالیں دے. اعداد و شمار کے اوپر جھکاؤ کے استعمال سے ظاہر ہوتا ہے اور پس منظر کا رنگ اور سرحد کے ساتھ کھیلنے کے.

کئی خوبصورت صاف ڈیزائن آنکھ صارفین کاٹ نہیں کرے گا کہ دلچسپ مثال ہو جائے گا. اس اوتار کو تقریبا کسی بھی صورت حال میں مناسب ہے.

کناروں گول بنایا جا سکتا ہے. یہ بہت اچھا لگ رہا ہے.

اختتام

آپ دیکھ سکتے ہیں، سی ایس ایس میں میزیں کے ظہور کے لئے بہت سے ٹولز موجود ہیں. ہر پیرا بھی قدر کے اختیارات میں سے ایک بہت بڑی رقم ہے. آپ ایک ہی بار میں یہ سب استعمال کرتے ہیں تو، آپ کو کرتیوں پیدا کر سکتے ہیں. خاص طور پر اگر آپ ایسا کرتے انکولی ڈیزائن تمام براؤزرز کیلئے.

ڈیزائن میں اہم بات - اثرات کے ساتھ یہ زیادہ نہیں ہے. سب کچھ اعتدال میں کیا جانا چاہئے. سب سے پہلے، ترتیب تجربہ کریں اور فوری طور پر ان کے تمام علم کا استعمال کرنا. میز کے نتیجے بھرمار خواص ہیں. ان غلطیوں سے بچنے کے لئے کوشش کریں.

اس کے علاوہ، کچھ پیرامیٹرز کو ایک دوسرے کے ساتھ مداخلت کر سکتے ہیں. مثال کے طور پر کی وضاحت کرنے کی ضرورت نہیں ہے پس منظر کا رنگ ، ٹیبل کے اب بھی پس منظر کی تصویر، مخصوص رنگ وورلیپ گا جس نے مقرر کیا گیا ہے تو کیا.