💥 200 ترفند بسیار مفید CSS - قسمت ۲۱

101. grid-column-end
توسط این خاصیت می‌توانیم اندازه خط ستون انتهای یک آیتم گرید را مشخص نماییم.

102. grid-column-gap
توسط این خاصیت می‌توانیم فاصله بین ستونی آیتم‌های گرید (grade) را مشخص نماییم.

103. grid-column-start
توسط این خاصیت می‌توانیم اندازه خط ستون شروع یک آیتم گرید را مشخص نماییم.

104. grid-gap
توسط این خاصیت می‌توانیم فاصله بین ردیف و ستون آیتم‌های گرید (grade) را مشخص نماییم.

105. grid-row
توسط این خاصیت می‌توانیم یک شماره با span و یا یک شماره خط جهت تعیین اندازه و شروع و انتهای ردیف آیتم‌های گرید (grade) را مشخص نماییم.

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۲۲

106. grid-row-end
توسط این خاصیت می‌توانیم اندازه خط ردیف انتهای یک آیتم گرید را مشخص نماییم.

107. grid-row-gap
توسط این خاصیت می‌توانیم فاصله بین ردیفی آیتم‌های گرید (grade) را مشخص نماییم.

108. grid-row-start
توسط این خاصیت می‌توانیم اندازه خط ردیف شروع یک آیتم گرید را مشخص نماییم.

109. grid-template
توسط این خاصیت می‌توانیم لیستی از شماره و عرض ردیف‌ها و ستون‌ها و چیدمان عناصر نام‌گذاری شده برای آیتم‌های گرید مشخص نماییم.

110. grid-template-areas
توسط این خاصیت می‌توانیم یک رشته (string) چیدمانی برای آیتم‌های گرید که توسط خصوصیت grid-area نام‌گذاری شده‌اند، تعیین نماییم

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۲۳

111. grid-template-columns
توسط این خاصیت می‌توانیم لیستی از شماره و عرض ستون‌ها را برای آیتم‌های گرید مشخص نماییم.

112. grid-template-rows
توسط این خاصیت می‌توانیم لیستی از شماره و عرض ردیف‌ها را برای آیتم‌های گرید مشخص نماییم.

113. height
توسط این خاصیت می‌توانیم اندازه ارتفاع محتوا در تگ html مربوطه را مشخص نماییم.

114. hyphens
توسط این خاصیت می‌توانیم، یک خط تیره برای متونی که به خط بعدی می‌روند تعیین نماییم.

115. import@
توسط قانون کاربردی import@ می‌توانیم یک فایل css را در فایل css دیگر ادغام یا ترکیب نماییم.

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۲۴

116. isolation
توسط این خاصیت می‌توانیم گروهی از تگ‌های html را در مقابل آمیخته شدن با محتوای پشت سرشان ایزوله کنیم.

117. justify-content
به کمک این ویژگی می‌توانیم عناصر داخلی را نسبت به محور اصلی (main-axis) هم‌ترازسازی کنیم.

118. keyframes@
توسط قانون کاربردی keyframes@ می‌توانیم یک کد انیمیشن، مشخص نماییم. این انیمیشن یک نوع تغییر شکل تدریجی در مجموعه‌ای از سبک‌های css به سبک‌های css دیگر هست.

119. left
توسط این خاصیت می‌توانیم فاصله از چپ را برای آن دسته از تگ‌های html که خصوصیت position را گرفته‌اند، از مبدا آنها تعیین نماییم.

120. letter-spacing
توسط این خاصیت می‌توانیم فاصله بین حروف یک کلمه را بر روی یک تگ html تعریف نماییم.

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۲۵

121. line-height
به کمک این خاصیت می‌توانیم ارتفاع ردیف‌های یک نوشته را درون یک تگ مشخص کنیم.

122. list-style
به کمک این خاصیت می‌توانیم تصویر، مکان و نوع نشانه‌گر آیتم‌های لیست را درون تگ‌های html مشخص کنیم.

123. list-style-image
به کمک این خاصیت می‌توانیم تصویری برای نشانه‌گر آیتم‌های یک لیست درون یک تگ مشخص کنیم.

124. list-style-position
به کمک این خاصیت می‌توانیم مکان نشانه‌گر آیتم‌های لیست را در خارج یا داخل باکس اصلی یک تگ مشخص کنیم.

125. list-style-type
به کمک این خاصیت می‌توانیم نوع نشانه‌گر آیتم‌های لیست را در یک تگ مشخص کنیم

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۲۶

126. margin
این خصوصیت فضای بیرونی بین تگ‌های html را تعیین می‌کند.

127. margin-bottom
توسط این خاصیت می‌توانیم عرض فضای خارجی پایین یک تگ را مشخص نماییم.

128. margin-left
توسط این خاصیت می‌توانیم عرض فضای خارجی چپ یک تگ را مشخص نماییم.

129. margin-right
توسط این خاصیت می‌توانیم عرض فضای خارجی راست یک تگ را مشخص نماییم.

130. margin-top
توسط این خاصیت می‌توانیم عرض فضای خارجی بالا در یک تگ را مشخص نماییم.

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۲۷

131. max-height
توسط این خاصیت می‌توانیم یک ارتفاع حداکثر را برای محتوا در تگ html مربوطه مشخص نماییم.

132. max-width
توسط این خاصیت می‌توانیم یک عرض حداکثر را برای محتوا در تگ html مربوطه مشخص نماییم.

133. min-height
توسط این خاصیت می‌توانیم یک ارتفاع حداقل را برای محتوا در تگ html مربوطه مشخص نماییم.

134. min-width
توسط این خاصیت می‌توانیم یک عرض حداقل را برای محتوا در تگ html مربوطه مشخص نماییم.

135. mix-blend-mode
به کمک این خاصیت در می‌توانیم مشخص کنیم چگونه محتوای یک تگ را با پس زمینه والد مستقیم آن ترکیب شود

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۲۸

136. object-fit
به کمک این خاصیت می‌توانیم برای محتوای عناصر با منبعی خارج از محدوده css یا (Replacement Elements) ابعاد مشخصی تعیین کنیم.

137. object-position
به کمک این خاصیت می‌توانیم محتوای عناصر با منبعی خارج از محدوده css یا (Replacement Elements) را ترازبندی کنیم.

138. opacity
به کمک این خاصیت می‌توانیم درجه شفافیت یک تگ را تعیین کنیم.

139. order
به کمک این خاصیت می‌توانیم ترتیب نمایش عنصرهای داخلی آیتم‌های فلکس را بدون تغییر در ساختار html عوض کنیم.

140. outline
به کمک این خاصیت می‌توانیم رنگ، عرض، اندازه، سبک و استایل خط بیرونی عنصر html را تعیین نماییم.

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۲۹

141. outline-color
به کمک این خاصیت می‌توانیم رنگ خط بیرونی عنصر html را تعیین نماییم.

142. outline-offset
به کمک این خاصیت می‌توانیم فاصله بین خط بیرونی (outline) و border یک تگ را تعیین نماییم.

143. outline-style
به کمک این خاصیت می‌توانیم سبک یا استایل خط بیرونی یک تگ را تعیین نماییم.

144. outline-width
به کمک این خاصیت می‌توانیم عرض خط بیرونی یک تگ را تعیین نماییم.

145. overflow
به کمک این خاصیت می‌توانیم تعیین نماییم، محتوای عنصر html که خارج از مرزهای تگ html (یعنی بالا، پایین، راست و چپ) قرار گرفته است، نمایش داده شود یا خیر

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۰

146. overflow-x
به کمک این خاصیت می‌توانیم نحوه نمایش محتوای عناصر html که خارج از مرز چپ و راست افتادند، را تعیین نماییم.

147. overflow-y
به کمک این خاصیت می‌توانیم نحوه نمایش محتوای عناصر html که خارج از مرز بالا و پایین افتادند، را تعیین نماییم.

148. padding
توسط این خاصیت می‌توانیم عرض فضای داخلی عنصر html را در چهار جهت اصلی (بالا، پایین، راست، چپ) مشخص نماییم.

149. padding-bottom
توسط این خاصیت می‌توانیم عرض فضای داخلی پایین تگ html را مشخص نماییم.

150. padding-left
توسط این خاصیت می‌توانیم عرض فضای داخلی چپ تگ html را مشخص نماییم

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۱

151. padding-right
توسط این خاصیت می‌توانیم عرض فضای داخلی راست تگ html را مشخص نماییم.

152. padding-top
توسط این خاصیت می‌توانیم عرض فضای داخلی بالا در عنصر html را مشخص نماییم.

153. page-break-after
به کمک این خاصیت می‌توانیم رفتار مربوط به شکسته شدن صفحه (رفتن به صفحه بعد) را بعد از یک تگ html تنظیم نماییم.

154. page-break-before
به کمک این خاصیت می‌توانیم رفتار مربوط به شکسته شدن صفحه (رفتن به صفحه بعد) را قبل از یک تگ html تنظیم نماییم.

155. page-break-inside
به کمک این خاصیت می‌توانیم رفتار مربوط به شکسته شدن صفحه (رفتن به صفحه بعد) را در داخل یک تگ html تنظیم نماییم

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۲

156. perspective
به کمک این خاصیت می‌توانیم یک فضای سه بعدی برای عنصر html مورد نظر فعال نماییم.

157. perspective-origin
به کمک این خاصیت می‌توانیم مشخص نماییم که عنصر html سه بعدی، روی محور x و y از کجا شروع شود.

158. pointer-events
به کمک این خاصیت می‌توانیم رویدادهای نشانگر موس را در عناصر html کنترل نماییم.

159. position
توسط این خاصیت می‌توانیم موقعیت مکانی یک تگ html را در جهات مختلف تعیین نماییم.

160. quotes
به کمک این خاصیت می‌توانیم با ایجاد مقادیر رشته‌ای، نوع یا علامت کوتیشن را که درون یک عنصر html مشخص نماییم

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۳

161. resize
به کمک این خاصیت می‌توانیم اندازه تگ‌هایی که قابلیت تغییر اندازه توسط کاربر دارند را تغییر دهیم.

162. right
توسط این خاصیت می‌توانیم فاصله از راست را برای آن دسته از تگ‌هایی که خصوصیت position را گرفته‌اند، از مبدا آنها تعیین نماییم.

163. scroll-behavior
به کمک این خاصیت می‌توانیم مشخص کنیم که وقتی یک کاربر روی یک پیوند در یک باکس قابل اسکرول کلیک می‌کند، به جای یک پرش مستقیم، نوع حرکت اسکرول را در تگ html مربوطه تحریک کند.

164. tab-size
به کمک این خاصیت می‌توانیم عرض کاراکتر تب را در برخی عناصر html مشخص نماییم.

165. table-layout
به کمک این خاصیت می‌توانیم الگوریتم یا چارت ستون‌های یک جدول html را از حالت پیش فرض تغییر دهیم

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۴

166. text-align
به کمک این خاصیت می‌توانیم نحوه چیدمان متن یک تگ را درون سند html در موقعیت راست، چپ، وسط و یا تراز راست و چپ مشخص نماییم.

167. text-align-last
توسط این خاصیت می‌توانیم موقعیت آخرین خط متن یک تگ را تعیین نماییم.

168. text-decoration
به کمک این خاصیت می‌توانیم رنگ، موقعیت و سبک خط را در یک تگ تعیین نماییم.

169. text-decoration-color
به کمک این خاصیت می‌توانیم رنگ خطی که بوسیله این خصوصیت بر روی یک نوشته، بالای نوشته و یا پایین نوشته یک تگ قرار گرفته را تعیین نماییم.

170. text-decoration-line
به کمک این خاصیت می‌توانیم موقعیت خط متن را در یک تگ تعیین نماییم

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۵

171. text-decoration-style
به کمک این خاصیت می‌توانیم سبک یا استایل خط متن یک نوشته که توسط خصوصیت text-decoration در بالا، پایین یا بر روی متن نوشته در یک تگ html ایجاد می‌شود، را تعیین نماییم.

172. text-indent
به کمک این خاصیت می‌توانیم میزان تورفتگی نوشته در یک تگ را تعیین نماییم.

173. text-justify
به کمک این خاصیت می‌توانیم وضعیت متن تراز شده در یک تگ را تعیین نماییم.

174. text-overflow
به کمک این خاصیت می‌توانیم تا زمانی که متن از عنصر html نگهدارنده‌اش سرریز می‌شود، کاربر را با خبر کنیم.

175. text-shadow
از این خاصیت، برای سایه‌دار کردن متن و نوشته در صفحات وب استفاده می‌شود

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۶

176. text-transform
از این خاصیت جهت تعیین حروف کوچک یا بزرگ درون متن یک تگ استفاده می‌شود.

177. transform
به کمک این خاصیت می‌توانیم منجر به تغییر شکل یا تغییر مکان یا تغییر وضعیت یک عنصر html در فضای سه‌بعدی یا دوبعدی شویم.

178. transform-origin
به کمک این خاصیت می‌توانیم مبدا مختصات تغییر شکل یا انیمیشن را در تگ html تعیین نماییم.

179. transform-style
به کمک این خاصیت می‌توانیم تعیین کنیم که فرزندان یک تگ html پدر در حالت سه‌بعدی یا دوبعدی قرار گیرند.

180. transition
این خاصیت جهت تعیین افکت تغییر یا ترانزیشن در تگ html به کار می رود

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۷

181. transition-delay
به کمک این خاصیت می‌توانیم مدت زمانی برای مکث یا تاخیر در اجرای افکت تغییر یا transition در یک تگ html تعیین نماییم.

182. transition-duration
به کمک این خاصیت می‌توانیم مدت زمانی برای اجرای افکت تغییر یا transition در یک تگ html تعیین نماییم.

183. transition-property
به کمک این خاصیت می‌توانیم مدت زمانی برای اجرای افکت تغییر یا transition در یک تگ html تعیین نماییم.

184. transition-timing-function
به کمک این خاصیت می‌توانیم سرعت افکت تغییر یا سرعت ترانزیشن را در تگ html که برایش ترانزیشن تعیین نمودیم، تغییر دهیم.

185. unicode-bidi
به کمک این خاصیت می‌توانیم متن تگ‌های html که با دو زبان مختلف در دو جهت مختلف هستند را کنترل کنیم

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۸

186. user-select
به کمک این خاصیت می‌توانیم انتخاب یا عدم انتخاب متون داخل تگ‌های html را توسط کاربر کنترل نماییم.

187. vertical-align
به کمک این خاصیت می‌توانیم عناصر درون خطی یا اینلاین html را در راستای عمود ترازبندی نماییم.

188. visibility
به کمک این خاصیت می‌توانیم قابلیت نمایان شدن یا عدم نمایان شدن یک تگ html را تعیین نماییم.

189. white-space
به کمک این خاصیت می‌توانیم فضاهای خالی متن یا spaceها یا tabهای متن را درون یک تگ مدیریت کنیم.

190. word-break
به کمک این خاصیت می‌توانیم مشخص کنیم که یک کلمه از محتوای تگ html مربوطه در انتهای خط با شکست به خط بعدی مواجه شود یا خیر

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۳۹

191. word-spacing
از این خاصیت جهت تعیین فاصله بین کلمات متن در یک تگ استفاده می شود.

192. word-wrap
به کمک این خاصیت می‌توانیم کلماتی با طول بلند که در یک خط جا نمی‌شوند، را شکسته و در خط بعدی نمایش دهیم.

193. writing-mode
این خاصیت جهت تغییر جهت نوشته از بالا به پایین در یک تگ html کاربرد دارد.

194. z-index
از این ویژگی جهت تعیین ترتیب عناصر html زمانی که روی هم قرار می‌گیرند، استفاده می‌شود.

195. align-content
این ویژگی برای یک عنصر نگهدارنده (container) که در داخل آن تگ‌ها یا عناصر داخلی قرار گرفته استفاده می‌شود. توسط این ویژگی عنصرهای داخلی که بیشتر از یک ردیف هستند در چند ردیف نسبت به محور عمود هم ترازسازی می‌شوند

#وب #CSS
----------
🆔 @OxinCode

💥 200 ترفند بسیار مفید CSS - قسمت ۴۰

196. align-items
این ویژگی جهت هم‌ترازسازی تگ‌های داخلی یک عنصر نگهدارنده (container) نسبت به محور عمود در یک ردیف کاربرد دارد.

197. align-self
این ویژگی منجر به هم‌ترازسازی یک تگ داخلی که درون تگ نگهدارنده (container) قرار گرفته کاربرد دارد.
198. align-content
این ویژگی برای یک عنصر نگهدارنده (container) که در داخل آن تگ‌ها یا عناصر داخلی قرار گرفته استفاده می‌شود. توسط این ویژگی عنصرهای داخلی که بیشتر از یک ردیف هستند در چند ردیف نسبت به محور عمود هم ترازسازی می‌شوند.

199. align-items
این ویژگی جهت هم‌ترازسازی تگ‌های داخلی یک عنصر نگهدارنده (container) نسبت به محور عمود در یک ردیف کاربرد دارد.

200. align-self
این ویژگی منجر به هم‌ترازسازی یک تگ داخلی که درون تگ نگهدارنده (container) قرار گرفته کاربرد دارد.

#وب #CSS
----------
🆔 @OxinCode