آموزش ویژگی 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
نکات و توضیحات
نکته یا توضیح خاصی وجود ندارد.
