آموزش ویژگی quotes در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی quotes در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی quotes در CSS
با استفاده از ویژگی quotes
در CSS میتوان استایل / شکل یا نحوه نمایش نقل قول ها را مشخص و یا تعریف کرد.
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از ویژگی quotes
را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : استفاده مستقیم از کاراکترهای موجود بروی صفحه کلید
1 2 3 4 5 6 7 8 9 10 11 |
<style> .f1{ quotes: "( " " )"; } .f2{ quotes: "@ " " @"; } </style> |
مثال شماره ۲ : استفاده از کد موجودیت ها
1 2 3 4 5 6 7 8 9 10 11 |
<style> .f1{ quotes: "\00AB" "\00BB"; } .f2{ quotes: "\201D" "\201C"; } </style> |
مثال شماره ۳ : تنظیم استایل عمق نقل قول ها ( مقدار اول برای اولین سطح نقل قول و مقدار دوم برای سطح / عمق های بعدی )
1 2 3 |
.f1{ quotes: "نقل بسته سطح 2" "نقل باز سطح 2" "نقل بسته سطح 1" "نقل باز سطح 1"; } |
Free-Learn
جدول مشخصات ویژگی quotes در CSS
در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.
مقدار پیش فرض | تعریف نشده / بسته به نحوه تعریف کاربر |
---|---|
قابل ارث بری | دارد | اطلاعات بیشتر |
قابل متحرک سازی | ندارد | اطلاعات بیشتر |
نسخه | CSS2 |
نحوه استفاده در جاوااسکریپت | object.style.quotes=” ‘\0027’ ‘\0027’ ‘\2039’ ‘\203A’ “; |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی quotes
در CSS پشتیبانی میکنند یا خیر.
نام ویژگی | Chrome | Firefox | Opera | Safari | IE |
quotes | ۱۱٫۰ | ۲٫۰ | ۱۰٫۰ | ۹٫۰ | ۸٫۰ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.
1 |
quotes: none|string|initial|inherit; |
Free-Learn
جدول مقادیر ویژگی quotes در CSS
در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.
مقدار | توضیح | ||||||
---|---|---|---|---|---|---|---|
none | نقل قول ها در خروجی هیچ استایلی ندارند | ||||||
string string string string | مشخص کردن استایل نقل قول ها بصورت دستی ۲ بخش اول سطح اول از نقل قول ها را مشخص میکند و ۲ بخش دوم سطح های بعدی را مشخص میکند میتوان از کاراکترهای موجود بروی صفحه کلید استفاده کرد مثال :
میتوان از کاراکترهای مَن درآوردی استفاده کرد مثال :
میتوان از کد موجودیت ها استفاده کرد مثال :
|
||||||
initial | استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر | ||||||
inherit | استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر |
Free-Learn
برخی از موجودیت های پراستفاده نقل قول ها
هرچند میشه از کاراکترهای موجود بروی صفحه کلید نیز استفاده کرد ولی خب برخی از کاراکترها هستند که مورد تایید و بیشترین سازگاری رو با مرورگرهای اینترنتی دارند که در جدول زیر میتوانید این کاراکترها را مشاهده نمایید.
کد موجودیت / کاراکتر | مثال |
---|---|
۰۰۲۲\ | “ |
۰۰۲۷\ | ‘ |
۲۰۳۹\ | ‹ |
۲۰۳A\ | › |
۰۰AB\ | « |
۰۰BB\ | » |
۲۰۱۸\ | ‘ |
۲۰۱۹\ | ’ |
۲۰۱C\ | “ |
۲۰۱D\ | ” |
Free-Learn
نکات و توضیحات
نکته یا توضیح خاصی وجود ندارد.