テキストプロパティの設定について

今日はcssの文字のいくつかの新しい特性についてお話しします.その中には、文字間隔、単語間隔、最初の行のインデント、アルファベットの大文字と小文字、空白の処理、強制改行、自動改行、inlin-blockの位置合わせのいくつかの使用が含まれています.direction

/*          */
.test{
    direction: rtl;//    
    direction: rtl;//    
}
.test span{
    display: inline-block;
}

      ，    ！
    derection  

2.letter-spacing文字間隔は、英字のみに効果があります

/*     */
.letter-spacing{
    letter-spacing: 10px;
}

    letterspaing       

3.word-spacing、単語間隔の制御は英語のみ有効

.word-spacing{
    word-spacing: 100px;
}

    word-spacing word-spacing word-spacing word-spacing   ，    

4.text-indent最初の行を2文字インデント

/*        */
.text-index{
    text-indent: 2em;
}

       ，    ！   ，    ！   ，    ！       ，    ！   ，    ！   ，    ！       ，    ！   ，    ！   ，    ！       ，    ！   ，    ！   ，    ！       ，    ！   ，    ！   ，    ！       ，    ！   ，    ！   ，    ！

5.text-transformアルファベットの大文字と小文字の制御

.text-transform{
    text-transform: uppercase;//    
    text-transform: capitalize;//     
}

    text-transform     

6.write-space

.write-space{
    /*white-space: nowrap;//     */
    /*white-space: pre;//         ，        */
    /*white-space: pre-line;//      */
    white-space: pre-wrap;//    ，      ，    
}

         write-space 

    write          -space
        write-space

7.text-overflow

.text-overflow{
    text-overflow: ellipsis;//      ...  
}

    word-spacing word-spacing word-spacing word-spacing   white-                                      spacing overflow  

何か間違いがあったら、メールを訂正してください[email protected]