![]() |
آموزش css ( قسمت نهم ) - نسخهی قابل چاپ +- انجمن وبلاگنویسان (http://onlineapotheker.life/forum) +-- انجمن: انجمن های آموزشی (http://onlineapotheker.life/forum/forumdisplay.php?fid=21) +--- انجمن: آموزش برنامه نویسی تحت وب (http://onlineapotheker.life/forum/forumdisplay.php?fid=60) +---- انجمن: آموزش سی اس اس (CSS) (http://onlineapotheker.life/forum/forumdisplay.php?fid=22) +----- انجمن: آموزش ها (http://onlineapotheker.life/forum/forumdisplay.php?fid=41) +----- موضوع: آموزش css ( قسمت نهم ) (/showthread.php?tid=23902) |
آموزش css ( قسمت نهم ) - moeinansari - 94-3-17 در این اموزش ویژگی های مختلف متن که در css استفاده میشن را به شما توضیح میدهیم با کمک اینها میتوان طریقه قرار گرفتن متن در صفحه فاصله یک حروف و بسیاری از ویژگی های متن را بتونیم تغیر دهیم letter-spacing این ویژگی به ما اجازه میده تا فاصله میان حروف یک کلمه را در یک متن تعیین کنیم. این ویژگی می تواند مقادیری را در مقیاس پیکسل به خود بگیرد یا از مقدار normal استفاده کند. گزینه پیش فرض برای این ویژگی همان normal است. در اینجا به ذکر یک مثال در مورد این ویژگی می پردازیم: فرض کنید می خواهیم از این ویژگی برای متن موجود در یک تگ DIV استفاده کنیم: کد: <div style="letter-spacing:5px"> text-align این ویژگی به ما اجازه می دهد تا نحوه قرارگیری قسمتی از متن را از لحاظ راست چین، چپ چین یا وسط چین بودن تنظیم کنیم. این ویژگی می تواند مقادیر زیر را به مورد استفاده قرار دهد:
کد: <div style="text-align:left; border:thin dashed #00CCFF">محتویات این DIV در سمت چپ صفحه نمایش داده می شوند.</div> محتویات این DIV در سمت چپ صفحه نمایش داده می شوند.
این ویژگی به ما اجازه می دهد تا برای قسمت خاصی از متن خاصیتهای از قبیل زیرخط تعریف کنیم. مثلاً فرض کنید می خواهیم یک متن را با خطی بالای آن به وجود بیاوریم. در اینجام می توانیم از این ویژگی به صورت زیر استفاده متین:کد: <div style="text-decoration: overline">به این متن توجه کنید!!</div> این ویژگی چندین مقدار دارد که در اینجا به آنها می پردازیم:
کد: <a href="#example" style="text-decoration:none>متن مورد استفاده در لینک</a> |