これまで2回にわたり、CSSでのdata属性の使用方法を紹介しました。気になる方は以下の記事もご覧ください。 deta属性の使用方法①［タイトルに仮名を付ける方法］ deta属性の使用方法②［ラベルを作成し、文言や色を指定する方法］ 今回はdata属性をを取得し、色を切り替える方法を紹介します。まずは、下記の［Result］の中にある赤、青、緑のボタンをそれぞれ押してください。

今回は、スライダーのプラグイン［slick］を使用して、スライダーに動画を入れ、自動再生してくれるように作成します。 初めに まずはどんな感じになるか、画像をクリックしてデモをご覧ください。 [video width="452" height="330" mp4="https://autoproject.nagoya/wp-content/uploads/Document-Google-

!importantとは？ 指定するとどうなる ［!important］は、CSSスタイルが適用される優先順位を最優先にする際に用いられます。 何よりも優先してCSSの指示を効かせるやり方で、CSSスタイルがどうしても効かない場合に使うと、便利です。 ただ、［!important］を使用しすぎると、どのスタイルが優先するか、ブラウザが混乱する為、乱用は避けましょう。 jQueryでの上書き

文字数が40文字以上の時は、それ以降を「...」と表示させる方法。 例えば、下記URLで使用しています。 http://www.imcshop.com/brand/eleven.htm ソースが下記の場合。 <ul> <li><a href="../86/sheetcover/1110080093.htm">TOYOTA86　ZN6型　Lu