・CSSでこのclass名を指定して、そのclass名を持つグループだけに、CSSの効果が反映されるようにするなどの目的で、class属性を付ける。 ＜class用法 グループに名前をつける＞ divタグで囲むとグループ化して、そのグループに名前をつけることができます。

If you ever need to tweak the appearance of a page on your business website, you may have to modify Cascading Style Sheet code. Developers use CSS to set the size, color and other attributes of ...

CSS チートシートを初心者向けに div タグと h2 タグに適用する方法 こんにちは！CSS チートシートを HTML の div タグや h2 タグに適用する方法を、初心者にもわかりやすく解説します。一つずつ進めていきましょう！ 基本のおさらい HTML と CSS の関係 HTML は ...

はじめまして！ サイボウズ フロントエンドエキスパートチームの麦島です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズ フロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載していき ...

もはやBootstrapがデファクトになっているCSSフレームワーク界に、ちょっとかわいい期待の新星が登場。 軽くてシンプル、すぐに使えるCutestrapのチュートリアルをいち早くお届けします。 Cutestrapは最新のCSSフレームワークです。この記事ではCutestrapの機能を ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回のテーマはContainer Queriesです。 Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。 従来でも ...

What's the CSS Class Field? The CSS Class Field allows authors to apply a style that is predefined in one or more stylesheets associated with the site or page. It can be found when an author double ...

前回のタブ切り替えですが、理解できましたでしょうか？ ポイントとなる部分はJavaScriptによって適宜クラスを付け変えることで、あとはCSSよって表示・非表示を切り替えるということです。 すべてをJavaScriptで行うのではなく、上手にCSSとの連携をすること ...

プラグインを使うことで、プレーヤの見た目はすべてCSSで調節することが可能になる。角丸や影など、クールな見た目となるようにここではCSS3を多用している。これらのコードは、成果物に含まれているghindaVideoPlayer.cssの一部。 .ghinda-video-player { float: left ...