那些不常见却适用的CSS属性（三）

输出是最好的学习

于 2017-11-14 23:14:11 发布

阅读量261

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： css resize text-align text-trans

本文为博主原创文章，转载请注明出处。

本文链接：https://blog.youkuaiyun.com/m0_37568521/article/details/78536326

前端专栏收录该内容

72 篇文章

订阅专栏

本文介绍了几个不常见的CSS属性，包括resize属性的多种使用方式及其与overflow属性的配合使用；text-align-last属性设置文本最后一行的对齐方式；text-transform属性实现文本大小写的转换等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：接着上次没有总结完的不常见却适用的CSS属性

18、resize
自己之前也接触过这个属性，只是自己之前一直只是使用none，这里知道了原来还有vertical, horizontal，以及both属性。在使用这个属性的时候一定要和overflow配合使用，才可以达到效果，代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>welcome</title>
    <style>
        .container {
            height: 150px;
            width: 250px;
            margin: 0 auto;
            resize: vertical;
            overflow-y: auto;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div class="container">

    </div>
</body>
</html>

19、text-align-last
这个属性主要是设置文本内容最后一行的对齐方式，觉得还是挺有用的，运行结果如下
这里写图片描述

20、text-transform，可以取值为capitalize（首字母大写），uppercase（全大写），lowercase（全小写），对于中文没有任何用，所以用的很少。
另外还有一些比较重要，但是比较负责的属性，自己后面会单独写博客进行整理