ورود ثبت نام

ویژگی text ها در css

ویژگی text ها در css
به نام خدا . امروز میخواهیم در مورد ویژگی text ها در css با شما صحبت کنیم.از رنگ گرفته تا وسط چین کردن آنها و بزرگ کوچیک بودن تکست ها و ... در این جا تمام اتفاقاتی که برای یک تکست میوفته را به شما آموزش میدهیم با mosqdevelopers همراه باشید.

text color

اولین مبحثی که پیش میاید رنگ نوشته هاست.به سادگی و آن هم با پراپرتی color میتوان به نوشته ها رنگ داد. برای اطلاعات بیشتر به این لینک
div{
	color: red;
}

text align

در اینجا میتوانیم چیدمان تکست ها را نشان دهیم.که سمت چپ راست یا وسط باشند:
div{
	text-align:left;
}

سلام
مشاهده میشود که نوشته ی ما به سمت چپ رفته است. برای وسط چین کردن نوشته از center استفاده میکنیم:
div{
	text-align:center;
}

سلام
همین پراپرتی مقدار right هم به خود میگیرد. آخرین مقداری که text-align به خود میگیرد justify است.این مقدار یک بند از یک تکست را در یک عرض نگه میدارد و اخر هر سطر با هم برابر هستند:
div{
	text-align:justify;
}

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده ا ز طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربر دهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصا

text transformation

اگر از لغات انگلیسی استفاده میکنید و میخواهید حروف بزرگ و کوجیک رعایت بشن باید از text-transform استفاده کنید:
p{
	text-transform: lowercase;
}
p{
	text-transform: uppercase;
}
p{
	text-transform: capitalize;
}

hello world

hello world

hello world


اگر لازم دیدید که اولین خط از پاراگراف مورد نظرتان را به مقدار لازم فاصله دهید از text-indent استفاده کنید:
p{
	text-indent:70px;
}

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده ا ز طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربر


یکی از پراپرتی پر استفاده در text ها پراپرتی text-decoration است.از اسم آن پیداست یعنی دکوراسیون تکست را عوض میکند.مثلا زیر آن خط میکشد یا وسط آن را...
p{
	text-decoration:none;
}

mosqdevelopers
میبینید که دیگر لینک ما هیچ خطی در زیر آن ندارد.اگر میخواهید خط را اضافه کنید از کد های زیر استفاده کنید:
h1 {
  text-decoration: overline;
}

h2 {
  text-decoration: line-through;
}

h3 {
  text-decoration: underline;
}

اگر قصد نزدیک شدن حروف را دارید از letter-spacing استفاده کنید:
h4{
  letter-spacing:-3px;
}

hello world


مورد دیگر فاصله ی بین خطوط هست که اسم بسیار آسونی هم داره:
h4{
  line-height: 2.9;
}

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده ا ز طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربر


نکته ای که شاید بعد ها به آن بر بخورید آن است که اگر میخواهید یک نوشته را به صورت عمودی وسط بیاورید line-height آن را برابر با ارتفاع آن المان کنید.نوشته ی شما وسط می آید. و در آحر راست چین و چپ چین کردن نوشته را به شما میگوییم:
h4{
	direction:ltr;
}

hello


تا قسمت بعد...

0 413

telegram mosqdevelopers


دسته بندی ها

ios

پست های اخیر

banner

کاربردها و فرصت های شغلی زبان برنامه نویسی جاوا

زبان برنامه نویسی جاوا در ا...

ادامه مطلب


banner

ساخت جداول گوناگون در css

به نام خدا. در این قسمت میخوا...

ادامه مطلب


banner

کتابخوان های الکترونیکی برتر

به نام خدا ؛ تاحالا شده وقتت ت...

ادامه مطلب


banner

لاراول 6

انتظار ها به سررسید و سرانجام...

ادامه مطلب


banner

padding ها در css

به نام خدا در این قسمت قسط د...

ادامه مطلب


RSS RSS

نظرات ارزشمند خود را در مورد وبسایت با ما در میان بگذارید

© کلیه حقوق مادی و معنوی متعلق به تیم برنامه نویسی Mosquito Network می باشد