2022-07

CSS辞典

CSS辞典 transition-timing-functionプロパティ解説

トランジションの加速曲線を指定する「transition-timing-functionプロパティ」の使用方法を記載
CSS辞典

CSS辞典 transition-durationプロパティ解説

トランジションが完了するまでの時間を指定する「transition-durationプロパティ」の使用方法を記載
CSS辞典

CSS辞典 transition-propertyプロパティ解説

トランジションを適用するプロパティを指定する「transition-propertyプロパティ」の使用方法を記載
CSS辞典

CSS辞典 animation-fill-modeプロパティ、animation-interation-countプロパティ、animation-directionプロパティの解説

アニメーションの再生前後のスタイルを指定する「animation-fill-modeプロパティ」、アニメーションの繰り返し回数を指定する「animation-interation-countプロパティ」、アニメーションの再生方向を指定する「animation-directionプロパティ」の使用方法を記載
CSS辞典

CSS辞典 animation-timing-functionプロパティ、animation-delayプロパティ、animation-play-stateプロパティの解説

アニメーションの進行度を指定する「animation-timing-functionプロパティ」、アニメーションが開始するまでの時間を指定する「animation-delayプロパティ」、アニメーションの再生、または一時停止を指定する「animation-play-stateプロパティ」の使用方法を記載
CSS辞典

CSS辞典 @keyframes規則、animation-nameプロパティ、animation-durationプロパティの解説

アニメーションの動きを指定する@keyframes規則、アニメーションを識別する名前を指定する「animation-nameプロパティ」、アニメーションが完了するまでの時間を指定する「animation-durationプロパティ」の使用方法を記載
CSS辞典

CSS辞典 gapプロパティ、row-gapプロパティ、column-gapプロパティの解説

行と列の間隔をまとめて指定する「gapプロパティ」、行の間隔を指定する「row-gapプロパティ」、列の間隔を指定する「column-gapプロパティ」の使用方法を記載
CSS辞典

CSS辞典 grid-areaプロパティ、grid-row(start、end)プロパティ、grid-column(start、end)プロパティの解説

グリッドトラックをまとめて指定する「grid-areaプロパティ」、行と列のグリッドアイテムの位置を指定する「grid-rowプロパティ」、「grid-columnプロパティ」、行と列のグリッドアイテムの開始位置と終了位置を指定する「grid-row-startプロパティ」、「grid-row-endプロパティ」、「grid-column-startプロパティ」、「grid-column-endプロパティ」の使用方法を記載
CSS辞典

CSS辞典 gridプロパティ、grid-auto-rowsプロパティ、grid-auto-columnsプロパティ、grid-auto-flowプロパティの解説

グリッドトラックとアイテムの配置方法を一括で指定する「gridプロパティ」、暗黙的グリッドトラックの行の高さを指定する「grid-auto-rows」プロパティ、暗黙的グリッドトラックの列の幅を指定する「grid-auto-columnsプロパティ」、グリッドアイテムの自動配置方法を指定する「grid-auto-flowプロパティ」の使用方法を記載
CSS辞典

CSS辞典 grid-templateプロパティ、grid-template-rowsプロパティ、grid-template-columnsプロパティ、grid-template-areasプロパティの解説

グリッドトラックをまとめて指定する「grid-templateプロパティ」、グリッドトラックの行のライン名と高さを指定する「grid-template-rows」プロパティ、グリッドトラックの列のライン名と幅を指定する「grid-template-columnsプロパティ」、グリッドエリアの名前を指定する「grid-template-areasプロパティ」の使用方法を記載
CSS辞典

CSS辞典 place-contentプロパティ、justify-contentプロパティ、align-contentプロパティの解説

ボックス全体の揃え位置をまとめて指定する「place-content」プロパティ、ボックス全体の横方向の揃え位置を指定する「justify-content」プロパティ、ボックス全体の縦方向の揃え位置を指定する「align-content」プロパティの使用方法を記載
CSS辞典

CSS辞典 flexプロパティ、flex-growプロパティ、flex-shrinkプロパティ、flex-basisプロパティの解説

フレックスアイテムの幅をまとめて指定する「flex」プロパティ、フレックスアイテムの幅の伸び率を指定する「flex-grow」プロパティ、フレックスアイテムの幅の縮み率を指定する「flex-shrink」プロパティ、フレックスアイテムの基本の幅を指定する「flex-basis」プロパティの使用方法を記載
CSS辞典

CSS辞典 orderプロパティの解説

フレックスアイテムを配置する順序を指定する「orderプロパティ」の使用方法を記載
CSS辞典

CSS辞典 flex-flowプロパティ、flex-directionプロパティ、flex-wrapプロパティの解説

フレックスアイテムの配置方向と折り返しを一括して指定する「flex-flow」プロパティ、フレックスアイテムの設置方向を指定する「flex-direction」プロパティ、フレックスアイテムの折り返しを指定する「flex-wrap」プロパティの使用方法を記載