گروه تلگرامی برنامه نویسان advertise ساخت اپلیکیشن آندروید و IOS و اپ ساز laitec sharif univercity
پروژه پایانی PHP وب سایت فروشگاه کامپیوتری

پروژه پایانی PHP وب سایت فروشگاه کامپیوتری

23000 تومان
دانلود پروژه مهندسی نرم افزار ، سیستم داروخانه

دانلود پروژه مهندسی نرم افزار ، سیستم داروخانه

3000 تومان
دانلود سورس پروژه فروشگاه کیف با asp.net و sql express

دانلود سورس پروژه فروشگاه کیف با asp.net و sql express

3000 تومان
دانلود پروژه مدیریت کتابخانه با سی شارپ و SQL سرور

دانلود پروژه مدیریت کتابخانه با سی شارپ و SQL سرور

3000 تومان
دانلود برنامه آزمون تستی در مالتی مدیا بیلدر MMb

دانلود برنامه آزمون تستی در مالتی مدیا بیلدر MMb

3000 تومان

ويژگيهاي متن در CSS

در اين مقاله برخي از ويژگيهاي متن را كه در CSS مورد استفاده قرار می گیرند ، به شما معرفي مي كنيم
ويژگيهاي متن در CSS

ويژگيهاي متن در css:

در اين مقاله برخي از ويژگيهاي متن را كه در CSS استفاده مي شوند به شما معرفي مي كنيم . با كمك اين ويژگيها مي توانيم نحوه قرار گرفتن متن در صفحه، فاصله بين حروف و بسياري از خواص يك متن را تغيير دهيم.

♦ letter-spacing

اين ويژگي به ما اجازه مي دهد تا فاصله ميان حروف يك كلمه را در يك متن تعيين كنيم . اين ويژگي مي تواند مقاديري را در مقياس پيكسل به خود بگيرد يا از مقدار normal استفاده كند. گزينه پيش فرض براي اين ويژگي همان normal است.فرض كنيد مي خواهيم از اين ويژگي براي متن موجود در يك تگ div استفاده كنيم:   ( در مثال ها به جای() از علامتهای <> استفاده کنید)

(div style="letter-spacing:5px")
             حروف اين متن با فاصله 5 پيكسل از يكديگر نمايش داده خواهند شد.
(/div)

نتيجه را به صورت زير مشاهده خواهيد كرد: ح ر و ف ا ي ن م ت ن ب ا ف ا ص ل ه 5 پ ي ك س ل ا ز ي ك د ي گ ر ن م ا ي ش د ا د ه خ و ا ه ن د ش د .
 

♦ text-align

اين ويژگي به ما اجازه مي دهد تا نحوه قرارگيري قسمتي از متن را از لحاظ راست چين، چپ چين يا وسط چين بودن تنظيم كنيم. اين ويژگي مي تواند مقادير زير را به مورد استفاده قرار دهد:

  • left : با استفاده از اين مقدار مي توانيم محتويات يك تگ را در سمت چپ صفحه نمايش دهيم.
  • right : اين قدار معين مي كند كه محتويات يك تگ بايد در سمت راست صفحه نمايش داده شوند.
  • center : اين مقدار محتويات يك تگ را به صورت وسط چين تعريف ميكند.

 

♦ text-decoration 

اين ويژگي به ما اجازه مي دهد تا براي قسمت خاصي از متن خاصيتهايی از قبيل زيرخط تعريف كنيم. اين ويژگي چندين مقدار دارد كه عبارتند از:

  • none : اين گزينه به صورت پيش فرض بر روي متن اعمال مي شود (البته براي لينكها به صورت پيش فرض underline اعمال مي شود) و در نتيجه آن متنها به صورت ساده و معمولي نمايش داده مي شوند. در صورتي كه بخواهيم لينكهايي در متن ما بدون زير خط نشان داده شوند مي توانيم از اين گزينه براي تگ لينك استفاده كنيم.
  • underline : از اين گزينه مي توان براي زير خط دار كردن متنها استفاده كرد.
  • overline : اين گزينه براي نمايش خط بالاي متن استفاده مي شود. 
  • line-through : اين گزينه يك خط را در ميانه متن ايجاد مي كند و آنرا به صورت خط خورده نشان مي دهد.
  • blink : از اين گزينه مي توانيم براي چشمك زن كردن متن استفاده كنيم . البته اين گزينه توسط مرورگر اينترنت اكسپلورر حمايت نمي شود و فقط در مرورگرهاي Netscape نمايش داده مي شود.

 

♦ text-transform

اين ويژگي مشخص مي كند كه متن با استفاده از حروف بزرگ نوشته شود يا حروف كوچك و يا به صورت معمولي البته بدون آنكه در حروفي كه تايپ شده است تغييري به وجود آوريد. با اين روش اگر خواستيد قسمتي از متن مثلاً براي تأكيد بيشتر با حروف بزرگ مشاهده شود نيازي نيست كه دوباره آن قسمت را از اول تايپ كنيد . البته اين ويژگي در زبان فارسي چندان استفاده اي ندارد ولي در زبانهايي مثل انگليسي مي توانيد آنرا به كار ببريد. مثال زیر نمونه ای از این کاربرد است:

(div style="text-transform: uppercase")
          This is an example of uppercase in text-transform property.
(/div)

نتیجه به این صورت خواهد بود: 

THIS IS AN EXAMPLE OF UPPERCASE IN TEXT-TRANSFORM PROPERTY.
اين ويژگي چند مقدار دارد كه در اينجا مشاهده مي كنيد:

  • none : با انتخاب اين گزينه متن به همان صورتي كه تايپ شده است نمايش داده مي شود. 
  • lowercase : با انتخاب اين گزينه متن با حروف كوچك نمايش داده مي شود.
  • uppercase : اين گزينه متن را با حروف بزرگ نمايش مي دهد.
  • capitalize : اين گزينه حروف اول كلماتي را كه با حروف كوچك نوشته شده اند با حروف بزرگ و بقيه حروف را با حروف كوچك نمايش مي دهد.

 

♦ line-height

اين ويژگي به ما امكان مي دهد تا ارتفاع سطر ها را مشخص كنيم. اين ارتفاع مي تواند به صورت درصد يا در مقياس پيكسل باشد و فاصله بين سطرها را مشخص مي كند. 

 

♦ text-indent

اين ويژگي مقدار تو رفتگي متن را در سطر اول هر قسمت (مثلاً سطر اول هر پاراگراف) مشخص مي كند. اين مقدار مي تواند بر حسب پيكسل يا در صد باشد.

 

تنظيم فونت صفحه با استفاده از استايل:

در اين قسمت به روش تنظيم فونت متن با استفاده از استايل مي پردازيم. بسياري از اعمالي را كه قبلاً با تگ font انجام مي داديم مي توانيم با استايل انجام دهيم. 

♦ font-family 

ويژگي font-family مشخص مي كند كه متن با چه فونتي بايد نشان داده شود. اين ويژگي در حقيقت جانشين شناسه face كه در تگ font استفاده مي شود است. گزينه پيش فرض براي فونت ممكن است در مرورگرهاي مختلف تفاوت داشته باشد، اما معمولاً Times New Roman است. البته بايد به خاطر داشته باشيد كه اگر بازديد كننده فونت مورد نظر شما را نداشته باشد، مرورگر به جاي آن از فونت پيش فرض خود استفاده مي كند. براي جلوگيري از بروز اين مشكل بايد از فونتهايي استفاده كنيد كه معمولاً به همراه سيستم عامل نصب مي شوند و در اكثر سيستمها موجود هستند.

♦ font-size

اين ويژگي مشخص كننده اندازه فونت در صفحه مي باشد. گزينه پيش فرض براي اين ويژگي medium است

♦ font-style 

كار اين ويژگي تقريباً شبيه تگ "i" در HTML است، اما چون استفاده از تگهايي نظير B، FONT ، U ودر حال كمرنگ شدن است بهتر است از استايل براي مورب نشان دادن متن استفاده شود.اين ويژگي مي تواند مقادير زير را داشته باشد:

  • normal
  • italic
  • oblique

 

♦ font-weight

اين ويژگي به ما امكان مي دهد تا ميزان ضخامت متن را تعيين كنيم. مي توانيم از مقادير زير براي اين ويژگي استفاده كنيم:

  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

 

 



1
نظرات
  • user avatar omid:
    ۲۱:۳۸:۱۲ __ ۱۳۹۳/۰۹/۰۸

    تشکر

نظر خود را ارسال کنید



نام:
ایمیل:
دیدگاه:
captcha
کد امنیتی :


advertise
متن در سی اس اسنحوه کار با متن ها در cssویژگیهای مربوط به متن در cssافکت های مربوط به متن ها در cssافکت متن ها در cssویژگی متن در cssتبلیغات ارزان سایت آموزش برنامه نویسیتبلیغات مخصوص طراحان وب سایتتبلیغات در سایت برنامه نویسیتبلیغات اینترنتی برای برنامه نویساندر آغوش مینیمالیسممنوی همبرگر با سه خط افقی که روی یکدیگر قرار گرفته اند نشانه چیست؟ سوئیچ به یک ستون واحدتبدیل متن ساده به وبلاگ و سایت های پویا با React.jsکتابخانه sass برای استفاده آسان تر از آنکتابخانه سطح بالا برای اتوماتیک سازی اعمال مرورگر لیست برچسب ها
تمامی حقوق این سایت اعم از محتوی ، تصاویر ، قالب و ... متعلق به گروه مهندسی وب سایت سورس کد می باشد.
SourceCodes.ir ، افقی روشن برای برنامه نویسان ، از مبتدی تا حرفه ای

پیشنهادات ویژه سورس کد

پکیج ویژه پروژه پایانی رشته کامپیوتر دانلود مجموعه 70 پروژه کاربردی سی شارپ وب سایت فروشگاه با php