,

,
,

و غیره.


عناصر درون خطی

برخلاف یک عنصر بلوک، یک عنصر درون خطی روی یک خط جدید قرار نمی گیرد، بلکه در همان خط عنصر قبلی قرار دارد. چنین عناصری معمولاً در داخل عناصر بلوک قرار دارند و عرض آنها فقط به محتوا بستگی دارد تنظیمات CSS... تفاوت دیگر بین یک عنصر درون خطی و یک عنصر بلوک این است که فقط می تواند حاوی محتوا و سایر عناصر درون خطی باشد. عناصر بلوک را نمی توان در عناصر درون خطی تودرتو کرد.

نمونه هایی از عناصر درون خطی: , , , , و غیره.





توجه داشته باشید:در HTML5 ترتیب تودرتو شدن تگ ها مهم نیست. عناصر دیگر به سادگی به بلوک و درون خطی تقسیم نمی شوند، بلکه بر اساس معنا و هدف گروه بندی می شوند و دسته بندی محتوا را نشان می دهند.

ویژگی نمایش CSS: تغییر نوع عنصر

با کمک بسیار خواص مفیدنمایش در CSS، می توانید یک عنصر بلوک را به صورت درون خطی نشان دهید و بالعکس. برای اینکه یک عنصر بلوک مانند یک عنصر درون خطی رفتار کند (یعنی به یک خط جدید منتقل نشود)، باید یک قانون برای آن نوشته شود:

نمایشگر: درون خطی

اگر نیاز دارید که یک عنصر درون خطی را به عنوان یک عنصر بلوک نمایش دهید (به طوری که قبل و بعد از عنصر شکسته خط رخ دهد)، موارد زیر را بنویسید:

نمایشگر: بلوک



اکشن (نمایش: درون خطی) و (نمایش: بلوک)




شما همچنین می توانید یک "هیبرید" ایجاد کنید - یک عنصر بلوک با رفتار درونی. در این حالت، کل محتوای چنین عناصر بلوکی به طور معمول نمایش داده می شود، اما بلوک ها مانند عناصر درون خطی رفتار می کنند، در یک خط یکی پس از دیگری ردیف می شوند و تنها در صورت لزوم در یک خط جدید قرار می گیرند. فروپاشی حاشیه در چنین مواردی کار خود را متوقف می کند. برای تبدیل یک عنصر به یک بلوک در خط، بنویسید:

نمایشگر: inline-block;



اکشن (نمایش: بلوک درون خطی)




در ادامه آموزش:ویژگی مرزی CSS. شما یاد خواهید گرفت که چگونه مرزها را به عناصر یک صفحه وب اضافه کنید و چه تنظیماتی را می توانید با استفاده از شیوه نامه های آبشاری روی آنها اعمال کنید.

عناصر HTML از طریق نحوه نمایش آنها در یک صفحه وب به عناصر درون خطی و بلوک تقسیم می شوند.

عناصر درون خطی

عناصر درون خطی برای انجام برخی اقدامات بر روی متن طراحی شده اند، به عنوان مثال: شکستن خط، برجسته کردن بخشی از متن به صورت مورب، برجسته کردن منطقی برخی از متن ها و اعمال سبک ها بر روی آن با با استفاده از CSSو غیره. بسته به هدف عنصر درون خطی، یک تکه متن بین تگ های باز و بسته قرار می گیرد یا تگ در هر نقطه از متن اعمال می شود، مثلاً برای شکستن یک خط.

برای مثال:
می توان از عنصر درون خطی استفاده کرد برای برجسته کردن متنی که توجه بازدیدکنندگان سایت را با استفاده از سبک پررنگ جلب می کند.

یک عنصر درون خطی دارای عرضی برابر با عرض محتوای آن است. عناصر درون خطی نمی توانند حاوی عناصر بلوکی در درون خود باشند.

نمونه هایی از عناصر درون خطی: , ,