لیست دستورات CSS پرکاربرد که باید بدانید

CSS یک زبان کاربردی است که تکمیل کننده HTML میباشد. شما با استفاده از این زبان میتوانید بسته به سطح نیاز و سلیقه خودتون، استایل های متفاوت را بر روی المان ها و بخش های مختلف هر صفحه اعمال کنید. در این مطلب لیست دستورات CSS پرکاربرد را در اختیار شما قرار دادیم تا با استفاده از آن بتوانید راحت تر پروژه های خود را پیش ببرید.لیست دستورات cssلیست دستورات css به چند دسته تقسیم میشه از جمله متن، زمینه، حاشیه و… . در این بخش ما تمام کد های css را در دسته های مختلف قرار دادیم. شما می تونید لیست دستورات css مربوط به هر بخش را به شکل منظم مطالعه کنید.خاصیت های مربوط به متنColorاین خاصیت برای تغییر رنگ متن المنت استفاده میشه؛ به این خاصیت میتونین به صورت های مختلف مثل اسم رنگ، کد رنگ، rgb، rgba و … مقدار بدین و استایل داده شده به تگ مد نظر شما نسبت داده بشه.text-alignاین خاصیت موقعیت متن داخل تگ های css رو تعیین میکنه، این که متن چپ چین، راست چین یا وسط چین باشدline-heightاین خاصیت در لیست دستورات css ارتفاع متن رو تعیین میکنهtext-decorationاین خاصیت نحوه نمایش متن رو تعیین میکنه، زیر خط دار، بالا خط دار و ….@font-faceاین دستور از دستورات css برای تعریف یک فونت و تعیین اسم برای آن استفاده میشودword-spacingاین خاصیت در کد های css برای تعیین فاصله بین کلمات استفاده میشهletter-spacingاین خاصیت برای تعیین فاصله بین حروف متون استفاده میشهtext-shadowاین خاصیت کد های css برای تعیین سایه به متن استفاده میشهtext-indentاین خاصیت در تگ های css برای تعیین مقدار تورفتگی متن استفاده میشهfont-familyبرای تعیین نوع فونت یک المنت در لیست تگ های css استفاده میشهfont-sizeدر تمام کد های css از این خاصیت برای تعیین سایز متن استفاده میشهfont-weightبرای تعیین قدار ضخامت متن در تگ های css از این ویژگی استفاده میشهخاصیت های مربوط به backgroundbackgroundاین دستور برای تعیین تمام خاصیت های مربوط به بک گراند المنت استفاده میشهbackground-colorبا این خاصیت میتونین رنگ پس زمینه المنت مدنظرتون رو تغییر بدین و هر رنگ دلخواهی رو براش استفاده کنینbackground-imageبرای تعیین عکس بک گراند المنت استفاده میشهbackground-positionبرای تعیین موقعیت قرار گیری بک گراند استفاده میشهbackground-sizeبرای تعیین اندازه عکس بک گراند استفاده میشهbackground-clipبرای برش دادن عکس بک گراند استفاده میشهbackground-repeatبرای تعیین تکرار یا عدم تکرار عکس بک گراند استفاده میشهbox-shadowبرای تعیین سایه برای کل باکس المنت استفاده میشهخاصیت های مربوط به borderborderبرای تعیین تمام خاصیت های مربوط به حاشیه(border) در کد های css استفاده میشهborder-colorبرای تعیین رنگ برای حاشیه المنت در تمام تگ های css از این ویژگی استفاده میشهborder-radiusبرای تعیین مقدار گرد بودن گوشه های المنت استفاده میشهborder-styleدر تمام تگ های css از این ویژگی برای تعیین نوع حاشیه استفاده میشهborder-widthبرای تعیین ضخامت کادر حاسیه استفاده میشهخاصیت های مربوط به Layoutwidthدر کل لیست تگ های css از این ویژگی لیست دستورات css برای تعیین عرض المنت استفاده میشهheightبرای تعیین ارتفاع المنت استفاده میشهmax-height و max-widthبرای تعیین طول و عرض حداقلی المنت استفاده میشهmax-height و max-widthبرای تعیین طول و عرض حداقلی المنت استفاده میشهmarginبرای تعیین فاصله المنت از جهات مختلف در تمام تگ های css از مارجین استفاده میشه، با این خاصیت میتونین فاصله المنت رو از 4 جهت صفحه کنترل بکنینmargin-left, margin-right, margin-top, margin-bottomاز این دستورات در تمام کد های css برای تعیین فاصله المنت از پایین، بالا، راست و چپ استفاده میشهpaddingبرای تعیین فاصله داخلی المنت در کد های css استفاده میشه، با این خاصیت میتونین فاصله داخلی المنت رو از 4 جهت مختلف کنترل کنینpadding-left, padding-right, padding-top, padding-bottomاز تک تک این خاصیت ها برای تعیین فاصله داخلی المنت از جهت های پایین، بالا، راست و چپ استفاده میشهpositionداخل تمام لیست تگ های css از پوزیشن برای تعیین موقعیت(محل قرارگیری) المنت استفاده میشهtop, left, right, bottomهمون طور که از اسمشون پیداست، از این 4 خاصیت برای تعیین فاصله المنت از جهت های مختلف استفاده میشهopacityآپوسیتی ویژگی ای است که در تمام تگ های css برای تعیین مقدار شفافیت المنت استفاده میشهvisibilityدر تمام کد های css از این ویژگی برای تعیین نمایش یا عدم نمایش المنت استفاده میشهdisplayتوضیح در مورد این خاصیت یکم سخته! میتونم بگم برای تعیین نحوه عرض گیری و نحوه نمایش المنت استفاده بشه، اگه به این خاصیت مقدار none داده بشه، المنت مدنظرتون نمایش داده نمیشهoverflowبرای تعیین نوع نمایش محتوای سرریز شده المنت در کد های css استفاده میشه، ممکنه تو وب سایتتون محتوای یک المنت بیشتر از اندازه اون المنت باشه که در این حالت اطلاعات اضافی سرریز میشن، این المنت نحوه نمایش اطلاعات سرریز شده رو تعیین میکنهz-indexبرای تعیین ترتیب نمایش المنت ها استفاده میشود زمانی حالتی اتفاق میفتد که المنت ها روی هم قرار بگیرند، این خاصیت ترتیب نمایش المنت ها مشخص میکنهخاصیت های متفرقه@keyframeدر تمام کد های css از این ویژگی برای تعریف یک انیمیشن استفاده میشهanimationداخل لیست دستورات css از این ویژگی برای تعیین اطلاعات یک انیمیشن تعریف شده برای یک المنت استفاده میشودanimation-delayبرای تعیین مدت زمان تاخیر قبل از اجرای انیمیشن استفاده میشهanimation-timing-functionبرای سرعت اجرای انیمیشن استفاده میشهanimation-durationبرای تعیین مدت زمان اجرای انیمیشن استفاده میشودcursorدر تمام کد های css از کرسر برای تغییر شکل اشاره گر ماوس استفاده میشهdirectionبرای تعیین چپ به راست یا راست به چپ بودن المنت میشه، برای محتوای زبان انگلیسی که از چپ شروع میشن مقدار ltr رو میگیره که مخفف left to right هست و برای محتوای فارسی زبان که از سمت راست شروع میشن مقدار rtl رو میگیره که مخفف right to left هستoutlineداخل تمام کد های css از اوتلاین برای تنظیم کادر بیرونی المنت استفاده میشه(بیشتر برای دکمه ها مورد استفاده قرار میگیره)transformاین خاصیت در تمام تگ های css قابل کاربرده و چند تابع دارد که هر تابع کار مختص خودشو داره، در کل برای تغییر شکل و نحوه نمایش المنت استفاده میشهtransitionاین ویژگی هم در تمام تگ های css به کار میره و برای تعیین تاخیر در اجرای خاصیت های Css یک المنت استفاده میشه(هر خاصیت که شما تعیین کنین، با تاخیر اجرا میشه و سرعت تاخیر رو خودتون تعیین میکنین)list-styleهمون طور که از اسمش معلومه برای تعیین استایل آیتم های یک لیست استفاده میشهمنبع:https://sabzlearn.ir/list-of-css-commands/