آموزش جامع CSS grid : آموزش ویژگی grid-gap در CSS

آموزش ویژگی grid-gap در CSS


ویژگی grid-gap در CSS
با استفاده از ویژگی grid-gap در CSS میتوان یک فضای خالی مشخصی را در بین ستون و سطرهای یک گرید ایجاد و یا تعریف کرد
🟡🟡🟡
ویژگی کوتاه نویسی grid-gap در (گرید) CSS، اندازه شکاف (gap) بین ردیف ها و ستون ها را در ساختار grid مشخص می کند.
🟡🟡🟡
مقادیر

طول
اندازه شکاف بین ستون ها و ردیف ها را در ساختار grid توسط واحد های اندازه CSS مشخص می کند. این مقدار نمی تواند منفی باشد. (px, rem ,em)

درصد
اندازه شکاف بین ستون ها و ردیف ها را در ساختار grid توسط درصد مشخص می کند. این مقدار نمی تواند منفی باشد.

این ویژگی کوتاه نویسی ویژگی های grid-row-gap و grid-column-gap می باشد.
🕗🕗🕗🕗🕗🕗🕗🕗🕗🕗🕗🕗🕗🕗🕗🕗
00:00 ویژگی grid-template-gap
02:00 ویژگی column-gap
02:40 ویژگی row-gap
03:00 ویژگی grid-gap
🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
هر روز  یک ویدیو از دنیای برنامه نویسی در code Persia منتشر میشود 😱😱😱
پس حتما ، لطفا کانال را سابسکرایب کنید.😘😘😘
و کامنت یادتون نره😍😍😍
و ما را به دوستانتون معرفی کنید🤩🤩🤩
🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗
همچنین می‌تونید پلی لیست آموزش کامل html را میتوانید در لینک زیر تماشا نمایید :
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇
دوره آموزش صفر تا صد - مقدماتی تا پیش...

🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗
همچنین می‌تونید پلی لیست بخش آموزش صفر تا صد css را در پلی لیست زیر تماشا کنید :
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇
آموزش مقدماتی تا پیشرفته css - آموزش ...

🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗
همچنین می‌تونید پلی لیست بخش آموزش صفر تا صد Emmet را در پلی لیست زیر تماشا کنید :
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇
آموزش صفر تا صد Emmet -آموزش مقدماتی ...

🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗🔗
همچنین می‌تونید پلی لیست بخش آموزش صفر تا صد flexbox را در پلی لیست زیر تماشا کنید :
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇
آموزش کامل و رایگان flexbox/فلکس باکس...
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
برای دریافت ت سورس کد ها   به کانال تلگرام ما مراجعه کنید :
Telegram :
https://t.me/codepersia

از پیج اینستاگرام ما هم دیدن کنید :
Instagram :
Instagram: codepersia.tv

#آموزش_طراحی_سایت
#آموزش_htmlوcss
#آموزش_grid
#آموزش_رایگان
#آموزش_flexbox