ime-modeプロパティは、テキスト入力欄における文字入力の状態を指定するプロパティです。 {ime-mode: 入力方法;} ime-modeの値の指定方法 ime...
Author - kubogen
image-orientationで画像を回転させる【CSS】
image-orientationプロパティは、画像を回転するプロパティ。 意図的に回転させるというよりも補正を目的としたプロパティなんだとか。 {image-orientation: 回転角度;}...
object-positionで画像をボックスに揃える位置を指定【CSS】
object-positionプロパティは、画像などの要素をボックスに揃える位置を指定したり、任意の位置でトリミングしたいときに使えるプロパティです。 {object-position: 位置;}...
object-fitで画像のトリミングができる【CSS】
object-fitプロパティは、画像などの要素をボックスにフィットさせたり、トリミングすることができるプロパティです。 {object-fit: 表示方法;}...
counter-resetでカウンター値をリセットする【CSS】
counter-resetプロパティは、カウンター値をリセットするプロパティです。 {counter-reset: カウンター名 リセット値;} counter-resetの値の指定方法...
counter-incrementでカウンター値を進める【CSS】
counter-incrementプロパティは、contentプロパティで指定ができるカウンター値を進めるのに使用するプロパティです。 {counter-increment: カウンター名...
quotesでcontentプロパティによる引用符を指定【CSS】
quotesプロパティは、contentプロパティで引用符として挿入する記号を指定するプロパティです。 {quotes: “開始引用符”...
contentで要素の前後にコンテンツを挿入【CSS】
contentプロパティは、:before擬似要素、:after擬似要素を対象にコンテンツを挿入するプロパティです。 {content: コンテンツ;}...
cursorでマウスポインターの形状を指定する【CSS】
cursorプロパティは、マウスポインター(カーソル)の形状を指定するプロパティです。 {cursor: 画像 位置 種類;} cursorの値の指定方法...
animationでアニメーションのプロパティをまとめて指定【CSS】
animationプロパティは、アニメーションに関するプロパティをまとめて指定できるショートハンドプロパティです。 {animation: アニメーション名 完了時間 進行度 開始時間 実行回数...
animation-directionでアニメーションの再生方向を指定【CSS】
animation-directionプロパティは、アニメーションが再生される方向を指定するプロパティです。 {animation-direction: 再生方向;}...
animation-iteration-countでアニメーションの実行回数を指定【CSS】
animation-iteration-countプロパティは、アニメーションを実行する回数を指定するプロパティです。 {animation-iteration-count: 実行回数;}...
animation-fill-modeでアニメーションの再生中・再生後のスタイルを指定【CSS】
animation-fill-modeプロパティは、アニメーションの再生中や再生した後のスタイルを指定するプロパティです。 {animation-fill-mode: スタイル;}...
animation-timing-functionでアニメーションの進行度を指定【CSS】
animation-timing-functionプロパティは、アニメーションが変化していく速度を指定するプロパティです。 {animation-timing-function: 進行度;}...
animation-play-stateでアニメーションの再生・一時停止を指定【CSS】
animation-play-stateプロパティは、アニメーションの再生・停止を指定するプロパティです。 {animation-play-state: 再生状態;} animation-play...
animation-delayでアニメーション開始までの時間を指定【CSS】
animation-delayプロパティは、ページが表示されてからアニメーションが開始するまでの時間を指定するプロパティです。 {animation-delay: 時間;} animation...