HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (990ﾚｽ)
HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 http://mevius.5ch.net/test/read.cgi/hp/1692784333/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
227: Name_Not_Found [sage] 2023/10/16(月) 15:28:01.51 ID:??? :hasみたいなのあればいいな（jsのcladdList.containsみたいなことやりたいな）としょっちゅう思ってたはずなのに 実の所 :not と :isで事足りているのはある http://mevius.5ch.net/test/read.cgi/hp/1692784333/227
228: Name_Not_Found [] 2023/10/16(月) 18:42:33.88 ID:UcrE7pLb 皆さんでしたら、一つのタグ内である特定の文字列だけを色変更する場合、どのように記述しますか？ 例えば 〜.com##.style_td:has-text(ビーム):style(color:#00ccff!important;) とすると、そのサイトのclass値がstyle_tdのタグ内でビームという文字列を含んだ場合、現状ではタグ内にあるビーム以外の文字列も全部#00ccffカラーへ置き換えられます 「ビームという文字列が含まれたstyle_td」が:style()の対象にされるため、です それを、ビームの部分だけ#00ccffカラーに変更したい http://mevius.5ch.net/test/read.cgi/hp/1692784333/228
229: Name_Not_Found [sage] 2023/10/16(月) 20:04:57.54 ID:??? だからそれcssじゃねーだろ 失せろ http://mevius.5ch.net/test/read.cgi/hp/1692784333/229
230: Name_Not_Found [sage] 2023/10/16(月) 21:02:25.00 ID:??? いつものスレチｸｿに構うな http://mevius.5ch.net/test/read.cgi/hp/1692784333/230
231: Name_Not_Found [sage] 2023/10/16(月) 23:05:55.10 ID:??? displayつながりならよくね？ 結局パフォーマンス問題でレンダリングさせるさせないに行き着くわけだし http://mevius.5ch.net/test/read.cgi/hp/1692784333/231
232: Name_Not_Found [sage] 2023/10/17(火) 00:40:37.80 ID:??? NGしてて見えないのかもしれないが、>>223,228みたいなのはAdBlockスレでやる話やね Web制作でのCSSの話じゃないし http://mevius.5ch.net/test/read.cgi/hp/1692784333/232
233: Name_Not_Found [sage] 2023/10/22(日) 14:26:43.83 ID:??? borderのdashedって 破線の長さ、間隔をCSSで設定することはできませんよね？ Figmaが線の「高度な設定」内で破線と間隔指定できるので なにか対策あるのかと思いまして http://mevius.5ch.net/test/read.cgi/hp/1692784333/233
234: Name_Not_Found [sage] 2023/10/22(日) 14:42:39.15 ID:??? border-styleじゃ無理なのでbackground-imageで再現するみたいだよ http://mevius.5ch.net/test/read.cgi/hp/1692784333/234
235: Name_Not_Found [sage] 2023/10/22(日) 14:50:26.07 ID:??? >>234 ありがとうございます！ やっぱりそうなんですね ひと手間かけるんですね 角丸どうしよう http://mevius.5ch.net/test/read.cgi/hp/1692784333/235
236: Name_Not_Found [sage] 2023/10/22(日) 14:55:40.34 ID:??? >>233 figmaでできるなら figmaの開発者モードでどんなCSS吐き出してるか見ればよいのでは http://mevius.5ch.net/test/read.cgi/hp/1692784333/236
237: Name_Not_Found [sage] 2023/10/26(木) 15:05:26.31 ID:??? >>236 レスついてたの気がつきませんでした 開発者モードでは border: 1px dashed var(--Grey, #666); となっているだけで、破線と間隔指定の記載は見当たらないのです http://mevius.5ch.net/test/read.cgi/hp/1692784333/237
238: Name_Not_Found [sage] 2023/10/26(木) 16:59:37.95 ID:??? >>237 CSS Trick – Customized Dashed or Dotted Border https://kovart.github.io/dashed-border-generator/ http://mevius.5ch.net/test/read.cgi/hp/1692784333/238
239: Name_Not_Found [sage] 2023/10/26(木) 17:11:43.99 ID:??? >>238 わーーー、すごい！！ありがとうございます！！ border imgではなく background-imageで作るんですね ブックマークします http://mevius.5ch.net/test/read.cgi/hp/1692784333/239
240: Name_Not_Found [sage] 2023/10/26(木) 21:29:14.47 ID:??? SVG使うならダッシュストロークの長さを制御して順に描画するアニメーションも面白いよ >>236,237 figmaの表示はcanvasにwebGLで描画してるぽいので、そのまま持ち込むのは難しそう http://mevius.5ch.net/test/read.cgi/hp/1692784333/240
241: Name_Not_Found [sage] 2023/10/27(金) 22:33:26.73 ID:??? 低レベルな質問をさせて下さい 拡張子を.htmlとして作成したファイルを、クロムなどで開くとブラウザ表示されると 思うのですが、タグで囲わず例えば「練習」とだけ書いても見られるんです これはheadタグやbodyタグ内に「練習」と書いて見るのと 意味的には何が違うのでしょうか？ http://mevius.5ch.net/test/read.cgi/hp/1692784333/241
242: Name_Not_Found [sage] 2023/10/27(金) 23:54:17.45 ID:??? >>241 ブラウザが補完してbody内のテキストとして扱われてる そのファイルを開いて開発者ツールで要素の状態見れば納得できると思うよ http://mevius.5ch.net/test/read.cgi/hp/1692784333/242
243: 241 [sage] 2023/10/28(土) 00:11:19.08 ID:??? >>242 マジですか 目から鱗です ありがとうございます http://mevius.5ch.net/test/read.cgi/hp/1692784333/243
244: Name_Not_Found [sage] 2023/10/28(土) 13:11:07.93 ID:??? 239です >>238さんに教えていただいたサイトだと丸点線ボーダーが半分削れちゃっていましたが svgを%指定、svgに点線指定すればインラインSVGをposition:absoluteで配置でレスポンシブ対応で丸点線ボーダーができました！ >>240さんのアニメーションできるってアドバイスも気づきのきっかけになりました 合わせてお礼申し上げます http://mevius.5ch.net/test/read.cgi/hp/1692784333/244
245: Name_Not_Found [sage] 2023/11/01(水) 16:36:25.68 ID:??? そろそろpopover API使ってみよかなって思ったら、これもまだFirefox対応してないのか… :has()もそうだし、使えないままのプロパティ多いと非対応枠にポイッとされちゃうぞ http://mevius.5ch.net/test/read.cgi/hp/1692784333/245
246: Name_Not_Found [sage] 2023/11/09(木) 19:38:40.24 ID:??? デスクトップ版「Firefox」の開発が「Git」に一本化へ、「Mercurial」を諦める https://forest.watch.impress.co.jp/docs/news/1545389.html Mozillaは11月6日（米国時間）、デスクトップ版「Firefox」の開発を「Git」に一本化すると発表した。 http://mevius.5ch.net/test/read.cgi/hp/1692784333/246
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 744 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
1.316s*