一直想总结出一份可继承样式的列表。常听说，颜色和字体是可继承的，盒模型样式是不可继承的，但其他样式呢？本文内容包括所有可继承的样式
常用可继承样式
内容到剪贴板
color
cursor
direction
letter-spacing
line-height
list-style
text-align
text-indent
text-shadow
text-transform
whitewhite-space
- [字符图标](#字体图标)
- [轮廓线outline](#轮廓线outline)
- [vertical-align解决空白缝隙](#vertical-align解决空白缝隙)
- [溢出的文字省略号显示text-overflow](#溢出的文字省略号显示text-overflow)
- [可拖拽
文本
域设置不可拖拽resize](#可拖拽
文本
域设置不可拖拽resize)
- [设置鼠标的样子cursor](#设置鼠标的样子cursor)
越界省略号
复制
代码代码如下: .text-overflow { display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内
文本
溢出时显示省略标记(…) ；需与overflow:hidden;一起使用。*/ }
自动换行：
复制
代码代码如下: word-break:break-all;/* 不换行 */ white-sp
.user-select-none {
-webkit-user-select: none; /* Chrome、Safari、Opera */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* 标准语法 */
另外，如果你想禁止用户拖拽某些元素，可以使用 draggable 属性，并将其设置为 false，例如：
<div draggable="false">这个元素不可拖拽</div>
