<font-size> <size>構文を使用したフォントのサイズ。<font-style> 次の構文を使用したフォントのスタイル。 [ normal | italic | oblique ]<font-weight> 次の構文を使用したフォントの太さ。 [ normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800...
No comments Let's comment your feelings that are more than good LoginSign Up Qiita Conference 2024 Autumn will be held!: 11/14(Thu) - 11/15(Fri) Qiita Conference is the largest tech conference in Qiita! Keynote Speaker Takahiro Anno, Masaki Fujimoto, Yukihiro Matsumoto(Matz), Shusaku Uesug...
Default line-heights per font-size Extended spacing, typography, and opacity scales Use @apply with anything New text overflow utilities Extend variants Group-hover and focus-within by default Default transition duration and easing curve Incompatibility with IE11 これらを全部デモページに埋め込みま...
p:first-letter { color:#990000; font-size:2em; font-weight:bold; } 図2 :first-letter 擬似要素では最初の文字にスタイルを設定する スクリプトで同じ処理を行うには、要素を選択し、複数のメソッド (getElementById、substr、addClass など) を呼び出して、実行時に要素を操作する必要があり...
transition-property: background-color, font-size, transform, color; transition-timing-function: ease-in-out; transition-duration: 3s; } @@ -81,7 +84,7 @@ transition-delay: unset; background-color: blue; color: yellow; font-size: 12px; transition-property: background-color font-size tran...
長短の CSS シンタックス形式を使用して複数の場所でスタイルを定義した場合(例えば、HTML ページに埋め込んだスタイルと外部スタイルシートから読み込むスタイル)、ショートハンドルールで省略したプロパティが別のルールで明示的に指定したプロパティより優先される(カスケードされる)こと...
font-size: 28px; font-weight: bold; color: #fff; } .ribbon { --f: .5em; /* control the folded part */ position: absolute; top: 0; right: 0; line-height: 1.8; padding-inline: 1lh; padding-bottom: var(--f); border-image: conic-gradient(#0008 0 0) 51%/var(--f); clip...
.button (@size) when (@size<100px) {padding:3px;font-size:0.7em;width:@size*2; }.button(@size)when(@size>= 100px) { padding: 10px; font-size: 1.0em; font-weight: 700; background-color: red; width: @size *3; } ここではさまざまな設定を適用しましたが、基...
次の設計目標と、その目標を達成するための対応する例のコード・サンプルを参照してください。目標コード・サンプル Webフォントの追加 @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),...
<code class="html">html,body{font-family:'segoe ui';font-size:1.5em;margin:10px} <code class="html"> html,body{background-color:#111;color:#48d1cc} この例で操作しているシンプルな CSS では、縮小はそれほど大きな問題ではありません。ただし、縮小された CSS は...