#8 2021年3月にツイートしたHTML/CSS/JavaScriptのTipsまとめ
CRANK
2021 年 3 月にツイートした HTML/CSS/JavaScript のツイートまとめです。見出しをクリックするとツイート元に遷移するので、気に入ったらフォロー・ファボ・リツイートお願いします。MicrosoftEdgeのGithub でドロップダウンメニューや使い方のヒントなどをまとめて使える <popup> 要素が策定中です。content プロパティに open-quote と close-quote を指定することで、html 要素の lang 属性に応じて引用符が自動で切り替わるようになります。<html lang="ja"><html lang="en"><html lang="fr">「引用ブロック」“引用ブロック”«引用ブロック»<blockquote>引用ブロック</blockquote> blockquote::before { content: open-quote; } blockquote::after { content: close-quote; } lang 属性は個別に指定することもできます。<blockquote lang="ja">引用ブロック</blockquote> <blockquote lang="en">引用ブロック</blockquote> <blockquote lang="fr">引用ブロック</blockquote> また、行内の引用の場合は q 要素を使えば、CSS を使わなくても lang 属性に応じて自動で切り替わります。:(in)valid 擬似クラスの場合は入力中であってもリアルタイムでバリデー…
1 comments
