Linux

Linuxコマンド辞典 psコマンド(プロセス管理)

プロセス状況を表示する「ps」コマンドの概要と使い方、オプションについて記載しています。全プロセスの表示方法、プロセスの状態を詳細に表示させる方法、プロセス階層をASCIIアートで表示させる方法、出力形式を変える等の方法など記載しています。
CSS辞典

CSS辞典 var()関数の解説

CSS変数を使用する「var()関数」の使用方法とサンプルコードを記載。概要・使用方法{ プロパティ:var(変数); }「var()関数」はCSS変数を使うことができます。※internetExplorerでは未サポートです。プログラム言語の変数どうよう値を一時的に保存しておくための箱になります。数字をいれておけばカウンタアップなどもすることができます。CSS変数を定義するには2つのハイフン(-...
CSS辞典

CSS辞典 repeat()関数の解説

グリッドレイアウトでトラックの幅の指定を繰り返す「repeat()関数」の使用方法と使用例、サンプルコードを記載概要・使用方法{ プロパティ:repeat(繰り返す回数,トラックの幅); }「repeat()関数」、グリッドレイアウトのトラック幅の指定を繰り返すことができます。internetexplorerでは未対応です。この関数はgrid-template-columnsプロパティとgrid-...
CSS辞典

CSS辞典 minmax()関数の解説

グリッドレイアウトでトラックの幅の最小値と最大値を指定するminmax()関数の使用方法と使用例、サンプルコードを記載概要・使用方法{ プロパティ:minmax(最小値,最大値)}「minmax()関数」、グリッドレイアウトでトラックの幅の最小値と最大値をまとめて指定できます。上記図のように、ウィンドウ幅に余裕があり収まる場合は、minmax()関数で指定した最大値が採用され、ウィンドウ幅に余裕が...
CSS辞典

CSS辞典 hsl()関数、hsla()関数の解説

色をHSL・HSLaで指定するhsl()関数、hsla()関数の使用方法と使用例、サンプルコードを記載概要・使用方法{ プロパティ:hsl(色相,彩度,明度)}{ プロパティ:hsla(色相,彩度,明度,透明度)}「hsl()関数」、またはhsla()関数は、色をHSL、HSLaカラーモデルで指定することができます。透明度を指定した場合は、重なりあった領域は色が混じり合います。色相、彩度、明度、透...
CSS辞典

CSS辞典 rgb()関数、rgba()関数の解説

色をRGB・RGBaで指定するrgb()関数、rgba()関数の使用方法と使用例、サンプルコードを記載概要・使用方法{ プロパティ:rgb(赤,緑,青)}{ プロパティ:rgba(赤,緑,青,透明度)}「rgb()関数」、またはrgba()関数は、色をRGB、RGBaカラーモデルで指定することができます。透明度を指定した場合は、重なりあった領域は色が混じり合います。赤、緑、青、透明度赤,緑,青RG...
CSS辞典

CSS辞典 attr()関数の解説

属性値を取得するattr()関数の使用方法と使用例、メールアドレスの@前後を関数で挿入するサンプルコードを記載概要・使用方法{ プロパティ:attr(属性)}「attr()関数」は選択要素の属性値取得しCSSで使うことができます。主に::beforeと::after疑似要素で、contetプロパティと一緒に使用します。属性属性名属性値を取得した属性名サンプルコード1hrefプロパティの値をattr...
CSS辞典

CSS辞典 counter()関数の解説

カウンターを使用するcounter()関数の使用方法と使用例、サンプルコードを記載概要・使用方法{ プロパティ:counter(キーワード)}「counter()関数」は、自動連番のようなカウンター機能を付けることができます。多くはcounter-resetプロパティ、counter-incrementプロパティと一緒に使用する。キーワードキーワード任意の文字列。半角数字からはじめることはできない...
CSS辞典

CSS辞典 calc()関数の解説

プロパティ値の計算(四則計算)を行うcalc()関数の使用方法を記載
CSS辞典

CSS辞典 使えるメディアタイプとメディアクエリの種類

CSSを出力デバイス別に指定するには「メディアタイプ」を指定します。また、CSS3からはデバイスの種類をより具体的に指定できる「メディアクエリ」が定義されました。メディアクエリとはメディアクエリとは、デバイスの幅に応じてCSSを変えるレスポンシブデザインで使用されます。レスポンシブデザインを使用するには、Viewportも定義する必要があります。Viewport例 <meta name=”view...
CSS辞典

CSS辞典 使えるファイルの種類の指定とMIMEタイプ

HTML文書にCSSなどの外部ファイルを組み込むときは、type属性の値にファイルの種類をMIMEタイプで指定します。MIMEタイプとは、インターネット上でファイルをやり取りするときにファイルの種類を判定するための仕様になります。MIMEタイプの指定方法head要素内にlink要素で外部のスタイルシートを組み込むときの例。type属性の値にtext/cssと指定してCSSファイルかつテキストである...
CSS辞典

CSS辞典 pointer-eventsプロパティの解説

ポインターイベントの対象になる場合の条件を指定する「pointer-eventsプロパティ」の使用方法を記載
CSS辞典

CSS辞典 object-fitプロパティ、object-positionプロパティの解説

画像などのボックスにフィットさせる方法を指定する「object-fit」プロパティ、画像などをボックスに揃える位置を指定する「object-positionプロパティ」の使用方法を記載
CSS辞典

CSS辞典 counter-incrementプロパティ、counter-resetプロパティの解説

カウンター値を更新する「counter-incrementプロパティ」、カウンター値をリセットする「counter-resetプロパティ」の使用方法を記載
CSS辞典

CSS辞典 contentプロパティ解説

要素や疑似要素の内側に挿入するものを決定する「contentプロパティ」の使用方法を記載
CSS辞典

CSS辞典 cursorプロパティ解説

マウスポインターの表示方法を指定する「cursorプロパティ」の使用方法を記載
CSS辞典

CSS辞典 touch-actionプロパティ解説

タッチ画面におけるユーザーの操作を指定する「touch-actionプロパティ」の使用方法を記載
CSS辞典

CSS辞典 transform-boxプロパティ解説

変形の参照ボックスを参照する「transform-boxプロパティ」の使用方法を記載
CSS辞典

CSS辞典 backface-visibilityプロパティ解説

3Dで変形する要素の背面の表示方法を指定する「backface-visibilityプロパティ」の使用方法を記載
CSS辞典

CSS辞典 perspective-originプロパティ解説

3Dで変形する要素の視点の位置を指定する「perspective-originプロパティ」の使用方法を記載
CSS辞典

CSS辞典 transform-styleプロパティ解説

3D空間で変形する要素の子要素の配置方法を指定する「transform-styleプロパティ」の使用方法を記載
CSS辞典

CSS辞典 perspectiveプロパティ解説

3D変形させる時の要素の奥行きの基点を指定する「perspectiveプロパティ」の使用方法を記載
CSS辞典

CSS辞典 transform-originプロパティ解説

変形する要素の中心点の位置を指定する「transform-originプロパティ」の使用方法を記載
CSS辞典

CSS辞典 transformプロパティ解説

2D・3D変形関数を適用して要素を変形する「transformプロパティ」の使用方法を記載
CSS辞典

CSS辞典 animationプロパティ解説

アニメーション関連のプロパティをまとめて指定する「animationプロパティ」の使用方法を記載
CSS辞典

CSS辞典 transitionプロパティ解説

トランジション効果(transition-property、transition-duration、transition-timing-function、transition-delay)をまとめて指定する「transitionプロパティ」の使用方法を記載
CSS辞典

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

トランジションが開始されるまでの待ち時間を指定するプロパティを指定する「transition-delayプロパティ」の使用方法を記載
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」プロパティの使用方法を記載
CSS辞典

CSS辞典 break-beforeプロパティ、break-afterプロパティ、break-insideプロパティの解説

ブロックの前後での改ページや段区切りを指定する「break-before」プロパティ、「break-after」プロパティ、ブロック内での改ページや段区切りを指定する「break-inside」プロパティの使用方法を記載
CSS辞典

CSS辞典 widowsプロパティ、orphansプロパティの解説

先頭に表示されるブロックコンテナーの最小行数を指定する「windows」プロパティ、末尾に表示されるブロックコンテナーの最小行数を指定する「orphans」プロパティの使用方法を記載
CSS辞典

CSS辞典 column-ruleプロパティ、column-rule-widthプロパティ、column-rule-styleプロパティ、column-rule-colorプロパティの解説

段組みの罫線の幅とスタイルと色を一括で指定できる「column-rule」プロパティ、段組みの罫線の幅を指定する「column-rule-width」プロパティ、段組みの罫線のスタイルを指定する「column-rule-style」プロパティ、段組みの罫線の色を指定する「column-rule-color」プロパティの使用方法を記載
CSS辞典

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

段組みの間隔を指定する「column-gap」プロパティ、段組みのまたがる要素を指定する「column-span」プロパティ、段組みの内容を揃える方法を指定する「column-fill」プロパティの使用方法を記載
CSS辞典

CSS辞典 columnsプロパティ、column-countプロパティ、column-widthプロパティの解説

段組みの列数と幅を一括指定する「columns」プロパティ、段組みの列数を指定する「column-count」プロパティ、段組みの列幅を指定する「column-width」プロパティの使用方法を記載
CSS辞典

CSS辞典 scroll-padding-blockプロパティ、 scroll-padding-inlineプロパティ、scroll-padding-block-start、scroll-padding-block-endプロパティ、scroll-padding-inline-start、scroll-padding-inline-endプロパティの解説

書字方向に応じてスナップされる位置のパディングの幅をまとめて指定する「scroll-padding-blockプロパティ」、「scroll-padding-inlineプロパティ」、書字方向に応じてスナップされる位置のパディングの幅を指定する「scroll-padding-block-start」、「scroll-padding-block-end」、「scroll-padding-inline-start」、「scroll-padding-inline-end」使用方法を記載
CSS辞典

CSS辞典 scroll-margin-blockプロパティ、 scroll-margin-inlineプロパティ、scroll-margin-block-start、scroll-margin-block-endプロパティ、scroll-margin-inline-start、scroll-margin-inline-endプロパティの解説

書字方向に応じてスナップされる位置のマージンの幅をまとめて指定する「scroll-margin-blockプロパティ」、「scroll-margin-inlineプロパティ」、書字方向に応じてスナップされる位置のマージンの幅を指定する「scroll-margin-block-start」、「scroll-margin-block-end」、「scroll-margin-inline-start」、「scroll-margin-inline-end」使用方法を記載
CSS辞典

CSS辞典 scroll-paddingプロパティ、scroll-padding-top、scroll-padding-right、scroll-padding-bottom、scroll-padding-leftプロパティの解説

スナップされる位置のパディングの幅をまとめて指定する「scroll-paddingプロパティ」、スナップされる位置のパディングの幅を指定する「scroll-padding-topプロパティ」、「scroll-padding-rightプロパティ」、「scroll-padding-bottomプロパティ」、「scroll-padding-leftプロパティ」使用方法を記載
CSS辞典

CSS辞典 scroll-marginプロパティ、scroll-margin-top、scroll-margin-right、scroll-margin-bottom、scroll-margin-leftプロパティの解説

スナップされる位置のマージンの幅をまとめて指定する「scroll-marginプロパティ」、スナップされる位置のマージンの幅を指定する「scroll-margin-topプロパティ」、「scroll-margin-rightプロパティ」、「scroll-margin-bottomプロパティ」、「scroll-margin-leftプロパティ」使用方法を記載