استایل های inline یا درون خطی در CSS

 برای مواردی که تنها می خواهیم تعدادی استایل را  بدون نیاز به برگه های استایل اکسترنال(external) به یک عنصر خاص  اضافه کنیم، از خصوصیت style در اچ تی ام ال، استفاده می کنیم. به این نوع استایل، استایل درون خطی(inline) گفته می شود. به مثال زیر توجه کنید:

<p style="color: gray;">The most wonderful of all breakfast foods is
the waffle—a ridged and cratered slab of home-cooked, fluffy goodness...
</p>

 خصوصیت style می تواند در هر تگ HTML قرار گیرد، به جز تگ هایی که در بیرون از تگ body قرار گرفته اند مانند تگ head یا title یا غیره. شیوه ی نوشتن(سینتکس) خصوصیت style نسبتاً ساده است. در حقیقت، خصوصیت style، بسیار شبیه به دستورات نوشته شده در تگ <style> است، به جز اینکه به جای آکولاد ها از دابل کوتیشن ها استفاده می شود.  بنابراین کد <p style="color: maroon; background: yellow;">باعث می شود که رنگ متن پاراگراف برابر با maroon شود و رنگ پس زمینه ی این پاراگراف زرد یا همان yellow شود. با استفاده از این کدها، هیچ بخش دیگری از سند تحت تاثیر قرار نمی گیرند و فقط همین پاراگراف از کدها تاثیر می پذیرد. توجه کنید که ما در درون خصوصیت style تنها می توانیم یک بلوک کد سی اس اس(declaration block) را قرار دهیم، و نمی توانیم یک برگه ی استایل کامل را در درون آن قرار دهیم.  بنابراین ما نمی توانیم یک دستور @import را در درون یک خصوصیت style قرار دهیم و نمی توانیم تمام دستورات مجزا در داخل آن قرار دهیم. تنها چیزی که ما می توانیم در داخل مقدار یک خصوصیت style قرار دهیم، همان دستوراتی است که بین یک جفت آکولاد در کدهای سی اس اس قرار می گیرند.

 استفاده از خصوصیت style به طور کلی توصیه نمی شود. در واقع غیر از HTML، خیلی بعید است که از استایل های درون خطی در زبان های XML استفاده شود. وقتی که ما استایل ها را در درون خصوصیت style قرار دهیم، بسیاری از مزیت های اصلی CSS نادیده گرفته می شوند.

 {module کمک نقدی به نویسنده}