Oxin Code
8.32K subscribers
331 photos
50 videos
62 files
249 links
جمعی از فعالان حوزه کامپیوتر و علوم محاسباتی👇
@Oxin_Code
.
ایران 🇮🇷 | استرالیا 🇦🇺
.
ادمین👇
@OxinCode_Admin
Download Telegram
💥 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