شیٹ کو دھوکہ: متن CSS حاشیہ کیسے

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

مارجن اور بھرتی: کیا فرق ہے؟

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

• میدان بھرتی جائیداد، حاشیہ تعین کرتا ہے - مارجن؛
• خانے کا مواد اور بلاک حد، ایک کی جگہ کے درمیان ایک وقفے کی طرف سے مقرر کیا جاتا ہے - ملحقہ بلاکس کی حدود کے درمیان؛
• فیلڈ سائز میں ایک عنصر (چوڑائی اور اونچائی) اور کوئی اس کو سمجھا جا سکتا ہے.

مارجن جائیداد

لہذا،، افقی یا عمودی بھرتی CSS متن مقرر ڈیزائن مارجن کا استعمال کرنے کے لئے. اس کی خاصیت کو ٹیگ

پیراگراف ماسٹر دستاویز پر لاگو ہوتا ہے. سادہ ترین صورت میں، یہ کے طور پر لکھا جا سکتا ہے:

مارجن: 12px.

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

مارجن: 36px.

لیکن کیا اگر وقفہ کے بلاکس کے درمیان ہر طرف مختلف ہونا چاہئے؟ ویب ڈویلپرز کے ریکارڈ کی کئی اقسام استعمال کرتے ہیں:

1. مارجن: 11px 22px.
2. مارجن: 11px 22px 33px.
3. مارجن: 11px 22px 33px 44px میں.

22 پکسلز - پہلی مثال میں، پوٹ کاری 11 پکسلز بلاک کے نچلے اور بالائی حدود سے بلاک کے اطراف پر بنائے جاتے ہیں. اوپری کنارے اور مواد کے درمیان ایک سیکنڈ کے ریکارڈ یونٹ کے مطابق، 11 پکسلز ہو جائے گا نچلے درمیان - ہر ایک طرف پر 33 پکسل - 22 پکسلز کی طرف سے. تیسری صورت CSS حاشیہ متن میں سب سے اوپر سے 11 پکسلز، دائیں جانب 22 پکسلز، 33 پکسلز اور نیچے بائیں سے 44 پکسلز کی قدر کرنا پڑے گا.

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

مارجن سے دائیں: 22rh.

فرض بلاک کے اطراف کے ارد گرد باقی فاصلے کے والدین عنصر کی قیمت کے برابر ہو.

مارجن جائیداد ایک ڈویلپر عمودی طور پر سی ایس ایس متن پوٹ دار کا استعمال کرتے وقت یاد کرنے کی ضرورت ہے کہ خصوصیات ہیں. ملحقہ عناصر کے وقفے تلخیص، اور ایک دوسرے پر superimposed نہیں ہیں. مثال کے طور پر فرض یونٹوں میں سے ایک ایک مارجن-نیچے ہے کہ: 15px، اور ملحقہ بلاک مارجن ٹاپ نیچے: 35px. سکول ریاضی اور عقل ہے کہ ان کے درمیان کی کل فاصلہ کاری 50 پکسلز ہو جائے گا حکم. عملی طور پر ایسا نہیں ہے. جائیداد مارجن «ابابیل" اپنے پڑوسی کی ایک بڑی قیمت کے ساتھ ایک بلاک. اس کے نتیجے کے طور پر، عناصر کے درمیان وقفہ 35 پکسلز ہے.

"ریڈ" لائن

ایک ٹیکسٹ ایڈیٹر میں دستاویز بنانا، صارفین کو "سرخ" لائن کے ساتھ ہر نئی پیراگراف سے پوچھنا ترجیح دیتے ہیں. استعمال متن پر حاشیہ ڈیزائن - بائیں طرف CSS متن پوٹ کا استعمال کرتے ہوئے ایسا کرنے کے لئے آسان ہے. اس طرح یہ لکھا:

متن کی حاشیہ: 11px.

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

متن کی حاشیہ: 11px؛

متن سیدھ: جواز پیش.

پکسلز کے علاوہ، دیگر مارک اپ یونٹوں کے استعمال کی وضاحت میں - انچ فیصد کا دعوی ہے. یونٹ 10٪ CSS متن پوٹ کاری ہے کرنے دو 500 پکسلز کی بلاک کی چوڑائی، سرخ لکیر 50 پکسلز (500 میں سے 10٪) ہو جائے گا.

اس کی خاصیت کے لئے قیمت کی وارث نمائش کی جا سکتی ہے. یہ ریکارڈ یونٹ والدین کے یونٹ کے ایک اسی طرح کی جائیداد کو استعمال کرتا ہے کا کہنا ہے.

متن کی حاشیہ: وارث.

حیرت کی بات ہے، پوٹ کاری منفی اقدار پر لے جا سکتے ہیں! اس صورت میں، اس تخمینے میں نام نہاد کی طرف سے قائم کیا جاتا ہے، جو کہ بنیادی متن جگہ میں رہتا ہے، اور پہلی لائن میں 22 پکسلز کی طرف سے بائیں طرف منتقل کیا جاتا ہے:

متن کی حاشیہ: -22px.

حروف، براؤزر کے بائیں سرحد کو پار کیا نہیں کر رہے ہیں متن پر حاشیہ کے میدان کے ڈھانچے کی وضاحت کے لئے استعمال کیا جانا چاہئے کرنے کے علاوہ میں:

بھرتی سے بائیں: 22px.

مددگار اشارے

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

• سرخ لکیر اور متن کے پوٹ کاری - مختلف تصورات، اور ان کی رہنمائی کے لئے استعمال کیا مختلف خصوصیات؛
• عمودی پوٹ کاری قوانین ریاضی لاگو نہیں کرتے - وقفے وورلیپ، بڑی قیمت کے ساتھ عنصر "جیت"؛
• منفی پوٹ کاری ایک تصویر کے ساتھ ایک پیراگراف کی پہلی لائن کی نشاندہی کرنے کے لئے استعمال.