text

Webフォント　どれ

word-

word-spacing

					word-spacing: 4px;
				

word-break

					word-break: break-all;
				

word-wrap(overflow-wrap)

					overflow-wrap: break-word;
				

text-

text-shadow

					text-shadow: 1px 1px 1px black;
				

text-transform

					text-transform: capitalize;
				

text-underline-offset

					text-underline-offset: 0.1em;
				

text-underline-position

					text-underline-position: auto;
				

text-align

					text-align: center;
				

text-align-last

					text-align-last: justify;
				

text-indent

					text-indent: 12px;
				

text-justify

					text-justify: inter-word;
				

white-space

					white-space: pre-wrap;
				

shape-outside

					shape-outside: circle(50%);　en only
				

letter-spacing

					letter-spacing: 1px;
				

line-height

					line-height: 2.2;
				

line-height-step

					line-height-step: 18pt;
				

widows

					widows: 2;
				

color

					color: blue;
				

Webカラー color グラデーション

hanging-punctuation

					hanging-punctuation: first force-end last;
				

hyphens

					hyphens: manual;
				

initial-letter

					initial-letter: 3.0 2;
				

orphans

					orphans: 2;
				

quotes

					quotes: "'" "'";
				

text-overflow

					text-overflow: ellipsis;
				

vertical-align

					vertical-align: baseline;
				

テキスト - フォント

font ショートハンド

					font: 1.2em "Fira Sans", sans-serif;
				

			font-family
			font-size
			font-stretch
			font-style
			font-variant
			font-weight
			line-height
				

text-decoration ショートハンド

					text-decoration: underline;
				

			text-decoration-color
			text-decoration-line
			text-decoration-style
			text-decoration-thickness
				

text-emphasis ショートハンド

					text-emphasis: filled red;
				

			text-emphasis-color
			text-emphasis-style
				

文の区切り

break-after, break-before, break-inside inside以外は対応率がまちまち

					break-after: avoid-page;
					
					break-before: page;
					
					break-inside: avoid-column;
				

フォントなどはRobotoなどのようにAndroidやChrome OSのシステムフォントに採用されており、マテリアルデザインのデザインガイドラインでも利用が推奨されている。