borders是什么？如果你在 CSS、设计稿、表格软件或文档排版里看到它，意思都绕不开“边框”。但不同场景里的 borders 不是一回事：有的控制像素线条，有的影响视觉层级，有的只是打印样式。咱把常见用法逐项拆开，避免学混。
你问 borders是什么，前端语境里通常指 CSS 的 border 相关属性。它控制元素四周的线：粗细、样式、颜色，比如 border: 1px solid #ddd。这里的 border 会占据盒模型空间，默认会让元素实际尺寸变大，除非你用了 box-sizing: border-box。
它和 outline 很容易混。border 是盒子的一部分，参与布局；outline 画在外面，不占空间。调按钮、卡片、输入框时，多数用 border；做键盘聚焦提示时，outline 更合适。
在 Figma、Sketch 这类工具里，borders 常被叫 stroke。设计师加 1px 描边，不一定为了“框住”，更多是为了让浅色背景上的卡片边界清楚。比如白底页面放白色卡片，不加阴影时，一条 #E5E7EB 的边框就能把层次拉开。
这里要注意屏幕倍率。设计稿里的 1px stroke，在不同设备上显示效果可能不完全一样。移动端如果线条太浅，真机看起来会糊；太深，又像表格线。经验上，浅灰边框别只看设计稿，至少要在手机上瞄一眼。
Excel、Google Sheets 里的 borders，主要是单元格边线。它不负责数据本身，只负责让人读得不累。很多新手喜欢给所有单元格加黑色全边框，结果表格像铁丝网，重点反而没了。
更实用的做法是：标题行用底边框，分组处用稍粗线，普通数据只保留浅灰横线。竖线能少就少，因为人的阅读通常按行扫，不是按格子抠。
Word、Google Docs 里的 borders 常用于页面边框、段落边框、图片边框。它的作用偏排版：做通知、证书、报价单时会用到。和 CSS 不同，文档边框更关心打印效果，屏幕上好看不代表打印出来也舒服。
如果是正式文件，边框别太花。细线、单色、留足边距，比复杂花纹更稳。尤其合同、报价单这类文档，边框只是辅助，不能抢正文。
最简单的记法：content 是内容，padding 是内容到边框的内距，border 是那条线，margin 是盒子外面的空白。你调一个输入框，文字离边太近，改 padding；框线太明显，改 border；两个输入框挤在一起，改 margin。
所以 borders 不是一个孤立概念。它总和空间、颜色、状态一起出现。看懂它在哪个场景里用，比死背定义有用得多。
border 是单数，常指某一条边框或 CSS 属性；borders 是复数，常泛指多条边框、边框设置或一组边框样式。实际搜索时，两者经常混用。
默认会。width:100px 加 border:1px 后，元素总宽度会变成102px。想让边框包含在宽度内，给元素设置 box-sizing:border-box。
不用。CSS 可以单独设置 border-top、border-right、border-bottom、border-left。表格和设计里也常只用底边线来分隔内容。