如何在不增加元素整体宽度的情况下,使用CSS为任何元素赋予边框?

就像在Photoshop中一样,我们可以绘制内部、中心和外部的笔划

我认为在Photoshop中默认的CSS边框属性是中心状中心,对吗?

我想把边框放在盒子里面,而不是外面.并且不想在框宽中包括边框宽度.

推荐答案

outline:1px solid white;

这不会增加额外的宽度和高度.

Css相关问答推荐

可折叠/可展开的数据表行:如何使Shadcn数据表中的可折叠内容全宽?

如何在点击时停止动画并将其返回到第一帧?

Bootstrap 和 Sass:将 SCSS 文件转换为 CSS 时出错.错误:$theme-colors-rgb 中未定义变量 @each $color、$value

来自 A 队和 B 队的类污染了同一个全局命名空间

如何在变量中插入 SCSS 变量?

CSS动画移动divs upwords

使用 display:inline-block 渲染多行文本组件,行间有白色间隙

如何在 Angular 中使用 CSS 设置 FontAwesome 图标的大小?

JavaFX TreeTableView Css for unfocused selected line

firefox overflow-y 不能使用嵌套的 flexbox

表格的边框半径没有按预期工作

flexbox 布局中的 Padding-bottom/top

如何定位 CSS 网格布局中的特定列或行?

创建 CSS 全局变量:样式表主题管理

什么是 ::content/::slotted 伪元素,它是如何工作的?

如何从标题中删除粗体?

如何在 Flexbox 中禁用等高列?

内联块列表项中不需要的边距

是否可以在 CSS 中定义常量?

使图像具有响应性 - 最简单的方法