2017-05-10 11:22:11
متن و نوشته Text (قسمت دوم)
خاصيت line-height
به وسيله اين خاصيت می توان فاصله بين خطوط را در پاراگراف تعيين کرد . برای اين کار يکی از حالت های زير را بايد استفاده کرد :
نوع خاصيت normal : فاصله بين خطوط در اين حالت به اندازه استاندارد و معمولی است ، که انتخاب پيش فرض است .
نوع خاصيت number : يک عدد معمولی را تعيين می کنيم ، که اين عدد در اندازه استاندارد فاصله خطوط ضرب شده و اندازه جديد را ايجاد می کند . برای مثال اگر عدد 2 انتخاب شود ، فاصله بين خطوط 2 برابر اندازه معمولی می شود .
style= "line-height: 2 "
نوع خاصيت length : به وسيله اين خاصيت يک اندازه بر حسب واحدی مثل پيکسل ( pixel ) ، نقطه ( pt ) و ... را برای فاصله خطوط تعيين می کنيم .
style= "line-height: 12px "
نوع خاصيت درصد % : به وسيله اين حالت نسبت اندازه مورد نظر را به اندازه استاندارد فاصله خطوط تعيين می کنيم . برای مثال اگر 150% تعيين شود ، اندازه خطوط 5/1 برابر اندازه استاندارد می شود .
style= "line-height: 150% "
خاصيت letter-spacing
برای تعيين اندازه فاصله بين حروف در نوشته استفاده می شود ، که يکی از 2 حالت زير می تواند باشد :
نوع خاصيت normal : فاصله بين حروف در اين حالت به اندازه استاندارد و معمولی است ، که انتخاب پيش فرض است .
style="letter-spacing: normal"
نوع خاصيت length : به وسيله اين خاصيت يک اندازه بر حسب واحدی مثل پيکسل ( pixel ) ، نقطه ( pt ) و ... را برای فاصله بين حروف تعيين می کنيم .
style="letter-spacing: 5pt"
خاصيت text-decoration
از اين خواص برای اعمال جلوه های تصويری به نوشته استفاده می شود که يکی از خواص زير و يا ترکيبی از آنها را می توان استفاده کرد :
نوع خاصيت none : نوسشته به صورت ساده و بدون هيچ جلوه ای نمايش داده می شود که انتخاب پيش فرض است .
نوع خاصيت underline : نوشته به صورت خط زير دار نمايش داده می شود .
نوع خاصيت overline : نوشته به صورتی که يک خط در بالای آن کشيده شده ، نمايش داده می شود .
نوع خاصيت line-through : نوشته به صورتی که يک خط از وسط آن گذشته است ، نمايش داده می شود .
مثال text-decoration
< p style="color: blue" >
This is a paragraph
< span style="text-decoration: underline" > This part is underline < /span >
and < span style="text-decoration: overline" > this part is overline < /span >
and < span style="text-decoration: line-through" > this part is line through < /span >
< /p >
خاصيت text-indent
به وسيله اين خاصيت ميران تو رفتگی و نقطه شروع اولين خط از يک پاراگراف را به يکی از دو حالت زير می توان تعيين کرد :
نوع خاصيت length : ميزان رفتگی را بر حسب واحدی مثل پيکسل ( pixel ) ، نقطه ( pt ) و يا سانتيمتر ( cm ) تعيين می کنيم .
نوع خاصيت درصد % : ميزان تورفتگی را بر حسب درصد نسبت به عنصر مادر يا حالت استاندارد تعيين می کنيم .
مثال text-decoration
< p style="color: blue; text-indent: 5cm" >
Indent of this paragraph is 5cm .
< /p >
#متن_و__نوشته_TEXT
#آموزش_CSS
کانال تلگرام: @amozesh_site
351 views08:22