如何创建：设备外观
- صفحه قبل نمایش/نمایش اجبارى نوار کشيدنى
- صفحه بعدى حاشيه محتواى قابل ويرايش
学习如何使用 CSS 创建不同的设备外观（智能手机、平板电脑和笔记本电脑）。
دستگاه
- صفحه قبل نمایش/نمایش اجبارى نوار کشيدنى
- صفحه بعدى حاشيه محتواى قابل ويرايش
پریزنم چند چیز
می‌نو
- آیکون بار
- آیکون می‌نو
- تختی
- تھمپ
- تھمپ مونث
- تھمپ کاپشن
- تھمپ پورا صفہ
- تھمپ چوبوتم تھمپ
- ناوبری چوبوتم
- ناوبری چوبوتم مستجاب
- ناوبری تقسیم
- ناوبری با آیکون
- ناوبری درج
- درجہ درج
- ناوبری جانب پائیدار
- ناوبری جانب
- ناوبری جانب مستجاب
- ناوبری پورا اسکرین
- ناوبری کینو
- ناوبری جانب تھمپ
- با آیکون ناوبری جانب
- ناوبری مونتا
- مونث می‌نو
- ناوبری بائیوٹم
- مستجاب ناوبری بائیوٹم
- لینک‌های منو پائینی
- لینک‌های منو راست‌چین
- لینک‌های منو مرکزی
- لینک‌های منو با عرض یکسان
- منو ثابت
- ناوبری下滑 در حالت اسکرول
- ناوبری مخفی در حالت اسکرول
- ناوبری کوچک در حالت اسکرول
- ناوبری چسبناک
- ناوبری روی تصویر
- منو فرو رفتنی ناوبری
- منو فرو رفتنی کلیک
- منو فرو رفتنی پیچیده
- منو فرو رفتنی در ناوبری بالایی
- منو فرو رفتنی در ناوبری جانبی
- ناوبری رپوزانتیو با منو فرو رفتنی
- منو زیرناوبری
- منو فرو رفتنی
- منو فوق‌العاده
- منو موبایل
- منو پرده‌ای
- نوار جانبی تا‌شده
- پنل جانبی تا‌شده
- صفحه‌بندی
- ناوبری کفشک
- گروه دکمه‌ها
- گروه دکمه‌های عمودی
- نوار اجتماعی چسبناک
- ناوبری داروئی
- سربرگ رپوزانتیو
تصویر
- اسلایدر
- گالری اسلایدر
- تصویر پاپ‌آپ
- نوربرق
- گرید تصویر رپوزانتیو
- گرید تصویر
- کتابخانه تصویر
- کتابخانه تصویر قابل اسکرول
- کتابخانه تصویر با کارت‌های تب
- تصویر محو
- تصویر با حرکت
- تصویر بزرگنمایی
- عنوان بر روی تصویر
- آیکون بر روی تصویر
- تأثیر تصویر
- تصویر سیاه و سفید
- تصویر با متن
- تصویر با بلوک متن
- تصویر با متن شفاف
- تصویر تمام‌صفحه
- فرم روی تصویر
- تصویر در حالت کلید
- تصویر پس‌زمینه تار
- تغییر پس‌زمینه در حالت اسکرول
- تصویر موازی
- تصویر با گوشه‌های گرد
- تصویر پروفایل
- تصویر رپوزانتیو
- تصویر مرکزی
- تصویر مخفی
- کناره تصویر
- معرفی تیم
- تصویر چسبناک
- تصویر بازتابی
- تصویر تکان‌خورده
- گالری آلبوم
- آلبوم قابل فیلتر
- تصویر بزرگنمایی
- لنز بزرگنمایی تصویر
- اسلایدر مقایسه تصویر
- آیکون وب‌سایت
دکمه
- دکمه هشدار
- دکمه با کناره‌های برجسته
- دکمه تقسیم‌کننده
- دکمه با انیمیشن
- دکمه با تغییرات تدریجی
- دکمه روی تصویر
- دکمه شبکه‌های اجتماعی
- بیشتر/کمتر بخوانید
- دکمه بارگذاری
- دکمه دانلود
- دکمه داروئی
- دکمه اعلان
- دکمه آیکونی
- دکمه صفحه بعد/قبلی
- دکمه بیشتر در ناوبری
- دکمه بلوک
- دکمه نوشتاری
- دکمه با گوشه‌های گرد
- دکمه بازگشت به بالا
فرم
- فرم ورود
- فرم ثبت‌نام
- فرم پرداخت
- فرم تماس
- فرم ورود اجتماعی
- فرم ثبت‌نام
- فرم با آیکون
- اشتراک‌گذاری اخبار
- فرم پیچیده
- فرم رپوزانتیو
- فرم پاپ‌آپ
- فرم درون‌محلی
- پاک کردن حلقه ورودی
- آرایه شماره‌ها مخفی شود
- کپی متن به کپی برداری
- جستجو با انیمیشن
- دکمه جستجو
- جستجو در حالت تمام‌صفحه
- حلقه ورودی در نوار ناوبری
- فرم ورود در نوار ناوبری
- چک باکس/دکمه انتخابی سفارشی
- چک باکس سفارشی
- تغییر بین فعال و غیرفعال
- چک باکس انتخاب شده
- تشخیص قفل بزرگ‌نویسی
- دکمه با فشار دادن کلید Enter فعال می‌شود
- وریدیت رمز عبور
- تغییر بین دیدن و مخفی کردن رمز عبور
- فرم چند مرحله‌ای
- تکمیل خودکار
- تکمیل خودکار را ببند
- کنترل نویاسپلینگ را ببند
- دکمه بارگذاری فایل
- وریدیت ورودی خالی
فیلتر
تیبل
更多
- 全屏视频
- 模态框
- 删除模态框
- 时间线
- 滚动指示器
- 进度条
- 技能条
- 范围滑块
- 颜色选择器
- 邮箱字段
- 工具提示
- 悬停显示元素
- 弹出窗口
- 可折叠内容
- 日历
- HTML 包含
- 待办事项列表
- 加载器
- 徽章
- 星级评分
- 用户评分
- 覆盖效果
- 联系人芯片
- 卡片
- 翻转卡片
- 个人资料卡片
- 产品卡片
- 警告
- 提示框
- 笔记
- 标签
- 丝带
- 标签云
- 圆
- 样式化水平线
- 优惠券
- 列表组
- 带徽章的列表组
- 无项目符号的列表
- 响应式文本
- 剪影文字
- 发光文字
- 固定页脚
- 粘性元素
- 等高
- 清除浮动
- 响应式浮动
- 通知条
- 全屏窗口
- 滚动绘图
- 平滑滚动
- 渐变背景滚动
- 粘性页眉
- 滚动时缩小页眉
- 价格表
- 视差滚动
- 宽高比
- 响应式内联框架
- 切换喜欢/不喜欢
- 切换隐藏/显示
- 切换深色模式
- 切换文本
- 切换类
- 添加类
- 移除类
- 更改类
- 活动类
- 树状视图
- 移除小数
- 移除属性
- 离线检测
- 查找隐藏元素
- 重定向网页
- 格式化数字
- 悬停缩放
- 翻转盒子
- 垂直居中
- 在 DIV 中居中按钮
- 居中列表
- 悬停过渡
- 箭头
- 形状
- 下载链接
- 全高元素
- 浏览器窗口
- 自定义滚动条
- 隐藏滚动条
- نمایش/نمایش اجبارى نوار کشيدنى
- 设备外观
- حاشيه محتواى قابل ويرايش
- 占位符颜色
- 禁用文本区域调整大小
- 禁用文本选择
- 文本选择颜色
- 项目符号颜色
- 垂直线
- 分割线
- 文本分割线
- 动画图标
- 倒计时定时器
- 打字机效果
- 即将上线页面
- 聊天消息
- 弹出聊天窗口
- 分屏
- 客户评价
- 区块计数器
- 引语幻灯片
- 可关闭的列表项
- 典型的设备断点
- 可拖动的 HTML 元素
- JS 媒体查询
- 语法高亮器
- JS 动画
- JS 字符串长度
- JS 指数运算
- JS 默认参数
- JS 随机数
- JS 数值数组排序
- JS 展开运算符
- JS 滚动到视图
- 获取当前日期
- 获取当前网址
- 获取当前屏幕尺寸
- 获取 iframe 元素
网格
转换器
چند چیز
می‌نو
- آیکون بار
- آیکون می‌نو
- تختی
- تھمپ
- تھمپ مونث
- تھمپ کاپشن
- تھمپ پورا صفہ
- تھمپ چوبوتم تھمپ
- ناوبری چوبوتم
- ناوبری چوبوتم مستجاب
- ناوبری تقسیم
- ناوبری با آیکون
- ناوبری درج
- درجہ درج
- ناوبری جانب پائیدار
- ناوبری جانب
- ناوبری جانب مستجاب
- ناوبری پورا اسکرین
- ناوبری کینو
- ناوبری جانب تھمپ
- با آیکون ناوبری جانب
- ناوبری مونتا
- مونث می‌نو
- ناوبری بائیوٹم
- مستجاب ناوبری بائیوٹم
- لینک‌های منو پائینی
- لینک‌های منو راست‌چین
- لینک‌های منو مرکزی
- لینک‌های منو با عرض یکسان
- منو ثابت
- ناوبری下滑 در حالت اسکرول
- ناوبری مخفی در حالت اسکرول
- ناوبری کوچک در حالت اسکرول
- ناوبری چسبناک
- ناوبری روی تصویر
- منو فرو رفتنی ناوبری
- منو فرو رفتنی کلیک
- منو فرو رفتنی پیچیده
- منو فرو رفتنی در ناوبری بالایی
- منو فرو رفتنی در ناوبری جانبی
- ناوبری رپوزانتیو با منو فرو رفتنی
- منو زیرناوبری
- منو فرو رفتنی
- منو فوق‌العاده
- منو موبایل
- منو پرده‌ای
- نوار جانبی تا‌شده
- پنل جانبی تا‌شده
- صفحه‌بندی
- ناوبری کفشک
- گروه دکمه‌ها
- گروه دکمه‌های عمودی
- نوار اجتماعی چسبناک
- ناوبری داروئی
- سربرگ رپوزانتیو
تصویر
- اسلایدر
- گالری اسلایدر
- تصویر پاپ‌آپ
- نوربرق
- گرید تصویر رپوزانتیو
- گرید تصویر
- کتابخانه تصویر
- کتابخانه تصویر قابل اسکرول
- کتابخانه تصویر با کارت‌های تب
- تصویر محو
- تصویر با حرکت
- تصویر بزرگنمایی
- عنوان بر روی تصویر
- آیکون بر روی تصویر
- تأثیر تصویر
- تصویر سیاه و سفید
- تصویر با متن
- تصویر با بلوک متن
- تصویر با متن شفاف
- تصویر تمام‌صفحه
- فرم روی تصویر
- تصویر در حالت کلید
- تصویر پس‌زمینه تار
- تغییر پس‌زمینه در حالت اسکرول
- تصویر موازی
- تصویر با گوشه‌های گرد
- تصویر پروفایل
- تصویر رپوزانتیو
- تصویر مرکزی
- تصویر مخفی
- کناره تصویر
- معرفی تیم
- تصویر چسبناک
- تصویر بازتابی
- تصویر تکان‌خورده
- گالری آلبوم
- آلبوم قابل فیلتر
- تصویر بزرگنمایی
- لنز بزرگنمایی تصویر
- اسلایدر مقایسه تصویر
- آیکون وب‌سایت
دکمه
- دکمه هشدار
- دکمه با کناره‌های برجسته
- دکمه تقسیم‌کننده
- دکمه با انیمیشن
- دکمه با تغییرات تدریجی
- دکمه روی تصویر
- دکمه شبکه‌های اجتماعی
- بیشتر/کمتر بخوانید
- دکمه بارگذاری
- دکمه دانلود
- دکمه داروئی
- دکمه اعلان
- دکمه آیکونی
- دکمه صفحه بعد/قبلی
- دکمه بیشتر در ناوبری
- دکمه بلوک
- دکمه نوشتاری
- دکمه با گوشه‌های گرد
- دکمه بازگشت به بالا
فرم
- فرم ورود
- فرم ثبت‌نام
- فرم پرداخت
- فرم تماس
- فرم ورود اجتماعی
- فرم ثبت‌نام
- فرم با آیکون
- اشتراک‌گذاری اخبار
- فرم پیچیده
- فرم رپوزانتیو
- فرم پاپ‌آپ
- فرم درون‌محلی
- پاک کردن حلقه ورودی
- آرایه شماره‌ها مخفی شود
- کپی متن به کپی برداری
- جستجو با انیمیشن
- دکمه جستجو
- جستجو در حالت تمام‌صفحه
- حلقه ورودی در نوار ناوبری
- فرم ورود در نوار ناوبری
- چک باکس/دکمه انتخابی سفارشی
- چک باکس سفارشی
- تغییر بین فعال و غیرفعال
- چک باکس انتخاب شده
- تشخیص قفل بزرگ‌نویسی
- دکمه با فشار دادن کلید Enter فعال می‌شود
- وریدیت رمز عبور
- تغییر بین دیدن و مخفی کردن رمز عبور
- فرم چند مرحله‌ای
- تکمیل خودکار
- تکمیل خودکار را ببند
- کنترل نویاسپلینگ را ببند
- دکمه بارگذاری فایل
- وریدیت ورودی خالی
فیلتر
تیبل
更多
- 全屏视频
- 模态框
- 删除模态框
- 时间线
- 滚动指示器
- 进度条
- 技能条
- 范围滑块
- 颜色选择器
- 邮箱字段
- 工具提示
- 悬停显示元素
- 弹出窗口
- 可折叠内容
- 日历
- HTML 包含
- 待办事项列表
- 加载器
- 徽章
- 星级评分
- 用户评分
- 覆盖效果
- 联系人芯片
- 卡片
- 翻转卡片
- 个人资料卡片
- 产品卡片
- 警告
- 提示框
- 笔记
- 标签
- 丝带
- 标签云
- 圆
- 样式化水平线
- 优惠券
- 列表组
- 带徽章的列表组
- 无项目符号的列表
- 响应式文本
- 剪影文字
- 发光文字
- 固定页脚
- 粘性元素
- 等高
- 清除浮动
- 响应式浮动
- 通知条
- 全屏窗口
- 滚动绘图
- 平滑滚动
- 渐变背景滚动
- 粘性页眉
- 滚动时缩小页眉
- 价格表
- 视差滚动
- 宽高比
- 响应式内联框架
- 切换喜欢/不喜欢
- 切换隐藏/显示
- 切换深色模式
- 切换文本
- 切换类
- 添加类
- 移除类
- 更改类
- 活动类
- 树状视图
- 移除小数
- 移除属性
- 离线检测
- 查找隐藏元素
- 重定向网页
- 格式化数字
- 悬停缩放
- 翻转盒子
- 垂直居中
- 在 DIV 中居中按钮
- 居中列表
- 悬停过渡
- 箭头
- 形状
- 下载链接
- 全高元素
- 浏览器窗口
- 自定义滚动条
- 隐藏滚动条
- نمایش/نمایش اجبارى نوار کشيدنى
- 设备外观
- حاشيه محتواى قابل ويرايش
- 占位符颜色
- 禁用文本区域调整大小
- 禁用文本选择
- 文本选择颜色
- 项目符号颜色
- 垂直线
- 分割线
- 文本分割线
- 动画图标
- 倒计时定时器
- 打字机效果
- 即将上线页面
- 聊天消息
- 弹出聊天窗口
- 分屏
- 客户评价
- 区块计数器
- 引语幻灯片
- 可关闭的列表项
- 典型的设备断点
- 可拖动的 HTML 元素
- JS 媒体查询
- 语法高亮器
- JS 动画
- JS 字符串长度
- JS 指数运算
- JS 默认参数
- JS 随机数
- JS 数值数组排序
- JS 展开运算符
- JS 滚动到视图
- 获取当前日期
- 获取当前网址
- 获取当前屏幕尺寸
- 获取 iframe 元素
网格
转换器
选修课
课程推荐：
课程推荐：
ابزارخانه
دستورالعمل جاوااسکريپت و HTML DOM
مثال‌هاى جاوااسکريپت
آزمون جاوااسکريپت
آموزش پیشرفته جاوااسکريپت
دستورالعمل جاوااسکريپت و HTML DOM
مثال‌هاى جاوااسکريپت
آزمون جاوااسکريپت
آموزش پیشرفته جاوااسکريپت
لینک حامیان
محتوای ارائه شده توسط CodeW3C.com فقط برای آموزش و تست است و صحت آن تضمین نمیشود. ریسکهاى ناشى از استفاده از محتوای این وب‌سایت با این وب‌سایت مرتبط نیست. تمام حقوق محفوظ است.
درباره CodeW3C.com
کمک CodeW3C.com
شرایط استفاده
شرایط حریم خصوصی
