タグ

2023年2月20日のブックマーク (3件)

  • background - 背景の設定をまとめて指定する

    投稿日:2016/02/22 / 更新日:2016/02/22 スタイルシートのbackgroundは、背景関連のプロパティをまとめて指定できるプロパティです。 下記は、backgroundを用いて、「背景画像ファイルのパス(background-image)」「背景色(background-color)」「起点(background-position)」「サイズ(background-size)」「リピートの方向(background-repeat)」の4つのプロパティをまとめて指定するサンプルコードです。

    background - 背景の設定をまとめて指定する
    ar0
    ar0 2023/02/20
  • 【CSS】flexboxのgapを解説!余白指定が超便利に! | ZeroPlus Media

    gap はflexアイテム間の余白を指定するプロパティです。gap を使用すれば margin を使用するよりも簡単に、かつ柔軟にflexアイテム間の余白を指定できます。 この記事ではgapの使い方を解説します。 プログラミング学習でこのような経験はありませんか? 目標に向けて何を学べば良いかわからない調べても解決策が見つからない現場レベルのスキルが身につくのか不安これらの悩みは、学習環境を整えることで全て解決することができます。 ZeroPlus Gateでは、30日間無料で最適な学習環境を提供しています。 なんでも相談できる専属メンターいつでも技術相談ができるプロ講師元IT企業CTO監修のカリキュラム条件なしでこのレベルの環境を無料で提供しているのはZeroPlus Gateだけです。 ただし、無料サービスの提供には参加者の数に制限があります。 少しでも興味がある方は、以下のリンクから

    ar0
    ar0 2023/02/20
  • CSSでよく見かける【flex:1】を分かりやすく解説 | みやっちブログ

    Flexboxを勉強し始めると、flexプロパティを使用して「flex: 1;」と書かれている物をよく見かけると思います。 CSS初心者のころは、良く分からずなんとなく使っている方も多いのではないでしょうか? この記事では、何気なく書いてしまう「flex: 1;」について丁寧に解説していきます。 「flex: 1;」とは? 結論から書くと、flexプロパティは、flex-grow、flex-shrink、flex-basisの3つのプロパティのショートハンド(省略形)です。 そのため、「flex: 1;」を理解するためには、まず上記3つのプロパティを理解する必要があります。 ここではさらっと流しますが、「flex: 1;」は、「flex-grow: 1;」、「flex-shrink: 1;」、「flex-basis: 0;」の3つ同時に指定したことと同じ意味になります。 ここからは、上記3

    CSSでよく見かける【flex:1】を分かりやすく解説 | みやっちブログ
    ar0
    ar0 2023/02/20