94-3-18، 08:36 عصر
(آخرین ویرایش در این ارسال: 94-3-18، 08:37 عصر، توسط moeinansari.)
text-transform:
مشخص میکند که متن با حروف بزرگ یا کوچک و یا معمولی نوشته شده در ضمن بدون تایپ کردن حروف تغیراتی بوجود می اید
انیجوری میتونید متنی برای تاکید بیشر یا حروف بزرگ مشاهده شود که دوباره باید ان قسمت را از ابتدا شروع تایپ نمودن کنید در ضمن این ویژگی در زبان فارسی زیاد کاربردی ندارد و بیشتر بروی زبان انگلیسی میتوان انرا بکار برید
به یک نمونه توجه نمایید :
این هم نتیجه:
[ltr]This is an example of uppercase in text-transform property.[/ltr]
[ltr]همانطور که مشاهده می کنید بدون استفاده از حروف بزرگ در نوشتن کد، متن ما با حروف بزرگ نمایش داده می شود.[/ltr]
این ویژگی چند مقدار دارد که در اینجا مشاهده می کنید:
[ltr]none :
با انتخاب این گزینه متن به همان صورتی که تایپ شده است نمایش داده می شود.
[/ltr]
[ltr]lowercase :
با انتخاب این گزینه متن با حروف کوچک نمایش داده می شود.
[/ltr]
[ltr]uppercase :
این گزینه متن را با حروف بزرگ نمایش می دهد.
[/ltr]
[ltr]capitalize :
این گزینه حروف اول کلماتی را که با حروف کوچک نوشته شده اند با حروف بزرگ و بقیه حروف را با حروف کوچک نمایش می دهد. به مثال زیر توجه کنید[/ltr]
متن به صورت زیر نمایش داده می شود:
[ltr]this is an example of capitalize value for text-transform propety[/ltr]
این ویژگی به ما امکان می دهد تا ارتفاع سطر ها را مشخص کنیم. این ارتفاع می تواند به صورت درصد یا در مقیاس پیکسل باشد و فاصله بین سطرها را مشخص می کند.
برای مثال اگر بخواهیم سطرها از هم 50 پیکسل فاصله داشته باشند می توانیم به صورت زیر عمل کنیم:
این ویژگی مقدار تو رفتگی متن را در سطر اول هر قسمت (مثلاً سطر اول هر پاراگراف) مشخص می کند. این مقدار می تواند بر حسب پیکسل یا در صد باشد.
در مثال زیر این مقدار تو رفتگی را 30 پیکسل در نظر می گیریم:
مشخص میکند که متن با حروف بزرگ یا کوچک و یا معمولی نوشته شده در ضمن بدون تایپ کردن حروف تغیراتی بوجود می اید
انیجوری میتونید متنی برای تاکید بیشر یا حروف بزرگ مشاهده شود که دوباره باید ان قسمت را از ابتدا شروع تایپ نمودن کنید در ضمن این ویژگی در زبان فارسی زیاد کاربردی ندارد و بیشتر بروی زبان انگلیسی میتوان انرا بکار برید
به یک نمونه توجه نمایید :
کد:
<div style="text-transform: uppercase">This is an example of uppercase in text-transform property.</div>
[ltr]This is an example of uppercase in text-transform property.[/ltr]
[ltr]همانطور که مشاهده می کنید بدون استفاده از حروف بزرگ در نوشتن کد، متن ما با حروف بزرگ نمایش داده می شود.[/ltr]
این ویژگی چند مقدار دارد که در اینجا مشاهده می کنید:
[ltr]none :
با انتخاب این گزینه متن به همان صورتی که تایپ شده است نمایش داده می شود.
[/ltr]
[ltr]lowercase :
با انتخاب این گزینه متن با حروف کوچک نمایش داده می شود.
[/ltr]
[ltr]uppercase :
این گزینه متن را با حروف بزرگ نمایش می دهد.
[/ltr]
[ltr]capitalize :
این گزینه حروف اول کلماتی را که با حروف کوچک نوشته شده اند با حروف بزرگ و بقیه حروف را با حروف کوچک نمایش می دهد. به مثال زیر توجه کنید[/ltr]
کد:
<div style="text-transform: capitalize">this is an example of capitalize value for text-transform propety</div>
[ltr]this is an example of capitalize value for text-transform propety[/ltr]
این ویژگی به ما امکان می دهد تا ارتفاع سطر ها را مشخص کنیم. این ارتفاع می تواند به صورت درصد یا در مقیاس پیکسل باشد و فاصله بین سطرها را مشخص می کند.
برای مثال اگر بخواهیم سطرها از هم 50 پیکسل فاصله داشته باشند می توانیم به صورت زیر عمل کنیم:
کد:
<div style="line-height: 50px">بین این سطر و سطر بعدی<br>20 پیکسل فاصله وجود دارد.</div>
در مثال زیر این مقدار تو رفتگی را 30 پیکسل در نظر می گیریم:
کد:
<div style="text-intend: 30px">
سطر اول این قسمت با 30 پیکسل تو رفتگی نمایش داده می شود.<br>
در حالی که بقیه سطرها به صورت عادی و<br>
بدون تو رفتگی نمایش داده می شوند.
< /div>