ایجاد متن عمودی در CSS
0 0

ایجاد متن عمودی در CSS


ایجاد متن عمودی در CSS

برای ایجاد متن عمودی شما باید از یک فایل html و css استفاده کنید.

برای این کار در صفحه html یک تگ p قرار داده و متن مورد نظر را در آن نوشته سپس به آن کلاس css-vertical-text داده که سورس آن به شکل زیر می باشد.    

 

.css-vertical-text {
 color:#333;
 border:0px solid red;
 writing-mode:tb-rl;
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -o-transform: rotate(90deg);
 white-space:nowrap;
 display:block;
 bottom:0;
 width:20px;
 height:20px;
 font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
 font-size:24px;
 font-weight:normal;
 text-shadow: 0px 0px 1px #333;
                  }

دانلود

نویسنده حسین فتحی
گروه مطلب CSS
نوع مطلب سورس کد و آموزش
تاریخ انتشار ۱۳ تیر ۱۳۹۳
منبع ایران گنج
تعداد نظرات ۰
قیمت کاربران مهمان
توضیح توجه:
  • زمانی که روی لینک دانلود کلیک می کنید لینک دانلود به مدت 24 ساعت معتبر خواهد بود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

نظر / سوال

Captcha

این صفحه را می‌پسندم