开创者教程
首页
前端开发
后端开发
数据库
数据分析
开发工具
Git 教程
测验/考试
代码笔记
登录/注册
🎁 机器学习（ML）是AI的核心驱动力！全面、实用的 机器学习（ML）教程 现已正式上线
👉 点击学习
实例代码
下载
重置
运行代码
<!DOCTYPE html> <html> <head> <title>使用 JavaScript 修改元素的 border-inline 属性</title> <style> body { text-align: center; font-family: Arial, sans-serif; margin: 20px; } #myDIV { margin: 20px auto; inline-size: 70%; block-size: 200px; background-color: lightgreen; border-inline: 1px solid black; } button { margin: 10px; padding: 8px 16px; } </style> </head> <body> <h1>使用 JavaScript 修改 border-inline 属性</h1> <p>点击"尝试一下"按钮来修改DIV元素的 border-inline 属性：</p> <button onclick="myFunction()">尝试一下</button> <br><br> <div id="myDIV"> <h1>此元素使用图像作为边框。</h1> </div> <script> function myFunction() { document.getElementById("myDIV").style.borderInline = "dashed hotpink 10px"; } </script> </body> </html>
运行结果：
