شما اینجا هستید

استایلهایی که با css به متن داده میشود ظاهر و نحوه نمایش متن را تغییر میدهد.

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

رنگ متن

ویژگی color برای تنظیم رنگ متن استفاده میگردد.

بیشتر مواقع با این سه روش رنگ متن را مشخص کرد:

  • مقدار HEX مانند 0000ff#
  • مقدار RGB مانند (rgb(0,0,255
  • نام رنگ مانند blue

رنگ پیشفرض برای کل صفحه در گزینشگر body تعریف میگردد.

<html>

<head>

<style>

body {

    color: red;

}


h1 {

    color: #00ff00;

}


p.ex {

    color: rgb(0,0,255);

}

</style>

</head>

<body>


<h1>This is heading 1</h1>

<p>این یک پاراگراف عادی است. توجه داشته باشید که رنگ متن قرمز است. رنگ متن پیشفرض در سلکتور body تعریف شده است</p>

<p class="ex">This is a paragraph with class="ex". This text is blue.</p>


</body>

</html>

 

تراز بندی متن

 

ویژگی text-align برای تنظیم چیدمان افقی متن به کار میرود. یک نوشته میتواند در مرکز، چپ یا راست، یا سرتاسر یک خط قرار داشته باشد. هنگامی که ویژگی text-align را روی justify تنظیم کنیم، هر خط تا پر شدن کامل خط کشیده میشود بنابراین همه خطها دارای پهنای یکسان میشوند و مانند مجله ها و روزنامه ها حاشیه های چپ و راست یکسان میشوند.

<html>

<head>

<style>

h1 {

    text-align: center;

}


p.date {

    text-align: right;

}


p.main {

    text-align: justify;

}

</style>

</head>

<body>


<h1>CSS text-align Example</h1>

<p class="date">May, 2009</p>

<p class="main">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me,

'just remember that all the people in this world haven't had the advantages that you've had.'</p>

<p><b>Note:</b> Resize the browser window to see how the value "justify" works.</p>


</body>

</html>

 

دکوراسیون متن – text decoration

 

ویژگی text-decoration برای تنظیم یا برداشتن تزئینات روی متن استفاده میشود. بیشترین کاربرد  ویژگی text-decoration برداشتن زیرخط از لینکها است:

a {
    text-decoration: none;
}

همچنینن میتوان از این ویژگی برای تزئین متن استفاده کرد:

h1 {
    text-decoration: overline;
}

h2 {
    text-decoration: line-through;
}

h3 {
    text-decoration: underline;
}

توصیه میشود متنهایی که لینک نیستند را زیرخط دار نکنید چون در اغلب موارد کاربران را گمراه میکند.

مقدار none هیچ خطی را روی متن نمیکشد.

overline یک خط در بالای نوشته میکشد.

line-through یک خط بر روی متن میکشد.

underline یک خط در زیر متن میکشد.

دگرگونی متن – text transformation

ویژگی text-transform برای تبدیل متن به حروف کوچک یا بزرگ کاربرد دارد. با این ویژگی میتوان همه نوشته ها را تبدیل به حروف کوچ یا حروف بزرگ کرد. همچنین میتوان حرف اول از هر کلمه را بزرگ کرد.

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

uppercase حروف را تبدیل به حروف بزرگ میکند.

lowercase حروف را تبدیل به حروف کوچک میکند.

capitalize حرف اول کلمات را تبدیل به حروف بزرگ میکند.

دندانه گذاری متن

ویژگی text-indent برای تعریف تو رفتگی خط اول متن استفاده میگردد که با پیکسل به آن اندازه میدهیم:

p {
    text-indent: 50px;
}

 

دیدگاه‌ها

quick cash loans incorp huntington park ca quick loans calculator quick loans quick cash loans broken arrow quick loans near me

fast quick loans online quick loans no credit check near me quick loan quick payday loans wichita ks quick loans albany ga

quick loans for bad credit same day ways to get quick loans quick loan quick personal loans quick pay payday loans

quick online business loans quick and easy business loans quick loans bad credit quick loans best egg loans/quick

https://paydailoanz.com/# - quick loans

how to make money online from home how to make money on youtube videos make money make money apps make money online surveys

how to make money from home how to make money on youtube make money make money blogging how to make money with bitcoin

https://make-money-blogs.com/# - make money

how to make money make money work from home make money online fast best way to make money online

how to make money quick how to make money blogging work from home how much money can you make on disability how to make money at home

https://make-money-blogs.com/# - work from home

make money now how much money can i make on social security work from home best ways to make money online where did nancy pelosi make her money

how to make money without a job how to make money fast make money how did jerry jones make his money how to make money with bitcoin

https://make-money-blogs.com/# - make money

make money online free legit ways to make money online work from home how to make money with a website how to make money on instagram

how does venmo make money how can i make money work from home make money taking surveys diy crafts that make money

https://make-money-blogs.com/# - work from home

make money now how to make money on youtube make money how did mark cuban make his money easy ways to make money

free ways to make money online how to make money as a teen make money how to make money at home make money on youtube

http://alekseygerman.ru/ - work from home

how to make extra money how to make money online how to earn money online or gift cards to amazon make money best ways to make money ways to make extra money

how to make money from home how to make money with youtube make money how to make money on amazon how to make money on facebook

http://baniotdelka.ru/ - make money

make money online surveys ways to make money from home make money how do youtubers make money best way to make money

make money blogging ways to make money on the side work from home how to make money on facebook how do you make money on youtube

http://beliybor.ru/ - make money

how to make money selling drugs how to make money on youtube make money make money blogging how does craigslist make money

where did nancy pelosi make her money how to make easy money work from home make money blogging how to make money blogging

https://oniafri.com/ - work from home

cbd drops buy hemp oil buy cbd oil online cbd https://cbdoilwalmart.com/ - buy cbd oil

ways to make money from home how to start a blog and make money work from home best ways to make money make money online free

how to make money at home how to make money blogging make money how does robinhood make money make real money online

http://a-premises.ru/ - make money

vegas slots online online gambling free slots online casino bonus

casino slots play slots slots free real casino slots http://onlinecasinosw.com/ - casino online slots

online casino gambling casino play online slot games

real money casino http://onlinecasinosw.com/ - casino real money casino game gold fish casino slots

gold fish casino slots http://onlinecasinogamespcx.com/ - slot games cashman casino slots casino online slots

casino real money gold fish casino slots casino blackjack

vegas casino slots big fish casino online casino

http://onlinecasinosw.com/ online casino slots free slots games online casino slots free casino slot games

casino game http://onlinecasinogamespcx.com/ casino online slots casino real money slot games

online casino bonus casino blackjack free slots online casinos

best online casino online slot games casino slots

casino bonus codes http://onlinecasinosw.com/ - online casino online casino games free casino slot games online casino real money

online casino bonus http://onlinecasinopc.com/ - gold fish casino slots best online casinos best online casinos

http://onlinecasinosw.com/ slot games free casino games online casino real money slots for real money

play casino http://onlinecasinopc.com/ - online casino online slot games play slots free casino

vegas slots online play casino online gambling

online slot games http://onlinecasinopc.com/ cashman casino slots vegas slots online free casino slot games

cashman casino slots casino blackjack slot games

casino play http://playcasinosw.com/ - free slots games slots games free online casino bonus online casino

online casino bonus http://onlinecasinopc.com/ - vegas slots online free casino games online slots games

real casino slots best online casinos casino games

free casino slot games http://playcasinosw.com/ online casino online casino games online casino

online casino http://playcasinosw.com/ - world class casino slots casino online free online slots

big fish casino slots games free casino bonus codes casino bonus codes http://casinoplaysw.com/ - free casino games online

free casino http://casinoplaysw.com/ - casino games real money casino casino play

slot games http://playcasinosw.com/ - online gambling no deposit casino casino slots free slots games

http://casinoplaysw.com/ gold fish casino slots http://casinoplaysw.com/ - online slots casino game

vegas casino slots play casino play slots free casino games online http://playcasinosw.com/ - free casino games

casino game play online casino online casino bonus slot games

slots free slot games casino play

online casino online casino gambling casino slots

casino slots http://casinoplaysw.com/ slots free slots online free online slots

vegas slots online http://casinoslotspc.com/ - online casino real money online slots best online casino best online casinos

casino real money play slots online casino real money slots games free http://casinoslotspc.com/ - big fish casino

free slots http://casinoplaysw.com/ - online gambling casino blackjack online gambling

صفحه‌ها

افزودن دیدگاه جدید

دیدگاه

  • تگ‌های HTML مجاز: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.

Plain text

  • تگ‌های HTML مجاز نیستند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
كد امنيتي
این پرسش برای جلوگیری از ارسال اسپمهای اتوماتیک است.