CSSをより深く理解する、プロパティの値に無効な値を設定する（IACVT）とどのように処理されているのかを解説

2024/04/18 12 users プロパティ カスタムプロパティ CSS キーワー 解説

CSSで無効な値、たとえばcolor: 20px;のようにcolorプロパティにカラー値以外を設定したり、background-colorにカラー値以外をカスタムプロパティで設定したりすると当然その値は反映されません。 CSSにおいて値の処理がどのように実行されているのかを紹介します。無効な値だけでなく、値の上書き、値の継承、キーワー... 続きを読む

marquee 入れ子 どうなる - hogashi.*

2023/07/11 44 users Marquee Direction hogashi div

<marquee scrollamount="1" direction="right"> <div style="width: 100px; height: 100px; background-color: green;"></div> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="9"> <div style="width: 100px; height: 100px; background-color: green;"></div> </marquee> </marquee... 続きを読む

Corepackを使ってNode.jsをアップデートする ⬆️⬆️

2023/04/28 22 users corepack EOL LTS node.js Name

Corepackを使ってNode.jsをアップデートする ⬆️⬆️ 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info [.background-color: #FFFFFFF] Node.js 14は2023年4月でEOL Node.js 14.xは2023-04-30、Node.js 16.xは2023-09-11でEOL(End Of Life) 2023年10月からはNode.js 18と20のみがLTSとしてサポートさ... 続きを読む

blockquoteのcite属性を使って引用元をユーザーに明示する | かちびと.net

2019/08/23 12 users blockquote RGBa italic padding

Result blockquoteのcite属性に書いた引用元を表示する、というもの サービスの使用感とか製品の口コミとかビジネス案件でも使用頻度は割と高そうな印象です css blockquote { padding: 20px 20px 20px 40px; overflow: auto; background-color: rgba(180, 180, 180, 0.5); border-radius: 2px; font-style: italic; } b... 続きを読む

CSSスニペット：SVGで作る非長方形なヘッダ画像いろいろ | かちびと.net

2018/07/07 13 users SVG relative CSSスニペット DDD ヘッダ画像

Result インラインに書いたSVGを画像に重ねる 背景と色を合わせれば簡単にユニークな形状のヘッダ画像を実装できる css .card { width: 32%; max-width: 100%; margin: 0 0 4rem; background-color: #ddd; } .card .wrap-image { position: relative; } .card .wrap-image img { width: 100%; height: auto; } .card .wr... 続きを読む

【はてなブログ】カスタマイズでお世話になったブログ【Adsenseを特定の記事で非表示、カテゴリーをCSSでタグ風に表示など】 - 広汎性発達障害の女がたまに毒を吐くブログ

2015/11/02 58 users adsense CSS カスタマイズ 特定 広汎性発達障害

本日は、私がはてなブログをカスタマイズする時にお世話になったブログをご紹介させて頂きます！ カテゴリーをCSSでタグ風に表示する サイドバーのカテゴリーをタグ風に表示出来るコードを掲載してくれています。 もともとのカテゴリー表示より目立つしカッコイイです！ このブログのサイドバーのカテゴリー このブログでは、背景色をbackground-color: #29475f;にして、紺色っぽい色に変えてい... 続きを読む

今どんなボタンが好きかCSSプロパティごとに検討してみた｜Webpark

2013/05/19 83 users Webpark 背景色 ボタン デザイン

下のボタンCSS3を駆使して色々しているのは分かりますが、最近フラットなデザインが流行っていることもあり、何となくあか抜けない気がします。 なぜでしょうか。 ということで、どのようなボタンが好きかプロパティごとで考えてみます。 ボタンの色（background-color） まずはどのような色がよいか考えてみます。背景色によってどの色がよいかは違ってくると思いますが、今回は白い背景色で考えます。 ... 続きを読む

全員がニートで、全員が取締役　NEET株式会社とは | オルタナS

2013/04/03 9 users オルタナS NEET株式会社 取締役 全員 padding

はたらく 就職活動 エシカルな働き方 挑戦者たち まなぶ グローバル IT×ソーシャル あそぶ おしゃれする <li class="list_item" style="width:151px;; background-color:white; border:1px teal solid; padding: 10px 0px;"">でかける エイプリルフールの4月1日、日本全国からニートを集め、全員... 続きを読む

DreamweaverでZen Codingの展開後の文字をカスタマイズするには？ | Webデザインのタネ

2012/11/08 23 users Dreamweaver タネ fff Zen Coding

僕は普段Zen CodingでCSSを書いています。「bgc」と入力して展開すると、「background-color:#FFF;」と初期値が入ってしまって、テキストカーソルを戻して本来設定したかった値を入れていくのはちょっと面倒です。 Dreamweaverに限ったことではないのですが、Zen Codingをカスタマイズすると、初期値を空にしたりまだ定義されていないプロパティを独自に定義できるよ... 続きを読む

CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ | コリス

2011/07/24 679 users コリス Tra クロスブラウザ対応 expression 方法

#content { width: expression(document.body.clientWidth 1242? "1240px" : "auto"); min-width: 760px; max-width: 1240px; } RGBa (IE included) 不透明度を使ったカラーをIEでも利用できるようにします。 .element { background-color: tra... 続きを読む

IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化，ファイルサイズ削減ツール

2006/06/19 234 users memo.xight.org CSS FFFFFF RGB

- Summary テキストフィールドにCSSを入力するか，CSSが置いてあるURLを指定して，"Process CSS" をクリック． - 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; ma... 続きを読む

[を] CSSで半透明

2005/03/30 66 users 半透明 CSS opacity moz padding

CSSで半透明 2005-03-27-3 [Tips] CSSで指定した箇所を半透明にするには、 IE なら alpha フィルター、FF なら -moz-opacity。 <style> #sukesuke1 { position:absolute; padding:5px; background-color:red; filter:alpha(opacity=75); /*IE*/ -moz-... 続きを読む