border-image-sourceプロパティは、要素のボーダーを作成するために使用されるソース画像を設定できます。画像の値を受け入れる他のプロパティと同様に、CSSグラデーションも設定できます。 conic-gradient()はグラデーションを中心点から拡げる放射ではなく ...

HTML・CSSの学習動画を見てWeb制作の勉強をしていましたが、Webフォントの使い方について説明が出てこなくて、色々なサイトを調べたまとめメモです。 色々な方法でWebフォントを使えますが今回は「Google Fonts」の使い方を書いておきます。 Webフォントって何？

CSSの@font-faceで見慣れない構文があるなと思ったら、どうやら新しい構文がChrome, Edge, Safari, Firefoxの各ブラウザにサポートされていました。 CSSの@font-faceに使用する新しい構文の基礎知識と使い方を紹介します。 The new @font-face syntax by Ollie Williams 下記は各 ...

`font-family: inherit;`というCSSプロパティは、要素がその親要素から`font-family`の値を継承するように指定します。これは、特定の要素に対してフォントファミリーを明示的に設定しない場合に便利です。 CSSでは、多くのプロパティはデフォルトで親からの値を ...

約4千種類ものアイコン(絵文字)を収録したWebフォント「Font Awesome 5」を自サイトで簡単に使う方法を解説。アイコンを文字として表示できるため、CSS(スタイルシート)で簡単に色やサイズを指定可能。アイコンを回転させたり重ね合わせたりする方法も紹介。

Gradient Color Generator This project is a simple web application that allows users to create beautiful gradient backgrounds by selecting up to five colors. The app dynamically generates a CSS code ...