テキストに関連するCSSプロパティ

※sassでの指定方法です。

以下のものを適宜値を変えて組み合わせます。

font-family

font-family:"Roboto","Helvetica","Arial",sans-serif

font-size

font-size: .8em
font-size: 1.4em
font-size: 40px

font-weight

font-weight: bold
font-weight: 300
font-weight: 400
font-weight: 500
font-weight: 500
font-weight: 700

line-height

line-height: normal
line-height: 1
line-height: 1.4
line-height: 24px

letter-spacing

letter-spacing: -.02em
letter-spacing: 0
letter-spacing: .08em

color

color: $red
color: $gray-lighten1
color: $gray-lighten2
color: $blue

white-space

white-space: nowrap
white-space: pre

min-height

min-height: 64px
min-height: 100%

max-height

max-height: 64px
max-height: 1000px
max-height: 100%

text-decoration

text-decoration: none
text-decoration: underline
※aやa:visitedやa:hoverに設定

overflow

overflow: visible
overflow: auto
overflow: hidden

overflow-x

overflow-x: hidden
overflow-x: scroll

overflow-y

overflow-y: hidden
overflow-y: scroll
overflow-y: auto

text-align

text-align: justify
text-align: left
text-align: center
text-align: right

vertical-align

vertical-align: top
vertical-align: middle
vertical-align: bottom

text-transform

text-transform: uppercase
text-transform: lowercase
text-transform: capitalize