ITmedia総合 >  質問!ITmedia  >  C

「CSS」最新質問一覧

Cascading Style Sheets
-こちらもご覧ください-
連載インデックス「いまさら聞けないCSS/スタイルシート入門」 - @IT
質問!Web Page Design→ITmediaのQ&Aサイト「質問!ITmedia」でWeb Page Design関連の質問をチェック

HTML
CSSで画像郡のスライドショー
CSSを使って、画像を指定してスライドショーを行うものは様々参考になるものがあるのですが、画像一つ一つを指定せずに特定のフォルダを指定し、その中に格納されている画像を自動でスライドショーすることは出来るのでしょうか?もしその方法がありましたらご伝授いただき...(2018/04/17)

CSS
CSSでのpxをvwやvhに変換する計算方法
CSSでのpxをvwやvhに変換する計算方法を教えてください。(2018/03/20)

CSS
CSSのみでスライドショーを作りたい
CSSのみで自動で横にスライドするスライドショーを作りたいのですが、参考になるサイトはありますでしょうか?フェードイン、フェードアウトさせるスライドショーの作り方は沢山でるのですが、自動で横にスライドするスライドショーの作り方が載っているサイトが見当たりま...(2018/03/04)

CSS
例に挙げたcssの組み方は雑なのか
webデザイナーです。CMSで、管理画面上で登録した文章がhtmlとしてテキストで排出される、と言ったシステムを作っています。その骨組みになるhtml、cssを作っているのですが、・position:absoluteで文章位置を調整する・画像とテキストを横並びにしたら高さが揃わなかった...(2018/02/27)

CSS
css ドロップダウンメニュー
http://ri-mode.com/rainbow/2014/06/11/simple_css_dropdown_menu/上記のHPを参考にして、CSSでドロップダウンメニューをつくろうと試みましたが、上手く作動しません。どこが間違っているのでしょうか。〇Html文-------------<!DOCTYPE html><html lang="j...(2018/01/17)

CSS
CSS after before
.text{position: relative;display: inline-block;font-size: 2em;}.text:before{position: absolute;top: 1.3em;left: 0;content: "";display: inline-block;width: 0;height: 2px;background: #34BBF3;transition: 2s;}.text:hover:before{width: 100%;}このプ...(2017/11/30)

CSS
CSS 座標
.text{position: relative;display: inline-block;font-size: 2em;}.text:before{position: absolute;top: 1.3em;left: 0;content: "";display: inline-block;width: 0;height: 2px;background: #34BBF3;transition: 2s;}.text:hover:before{width: 100%;}このプ...(2017/11/30)

CSS
CSS サイト プログラム
https://qiita.com/junya/items/4805404624292401030dここにプログラムをコピペしてやってみたんですがサイトの通りに動きません。なぜでしょうか。このサイトが古いのでしょうか?誰か原因を教えてください。(2017/11/30)

CSS
プログラム CSS3 アニメーション
.text{position: relative;display: inline-block;font-size: 2em;}.text:before{position: absolute;top: 1.3em;left: 0;content: "";display: inline-block;width: 0;height: 2px;background: #34BBF3;transition: 2s;}.text:hover:before{width: 100%;}このプ...(2017/11/28)

CSS
プログラム CSS3 アニメーション
.text{ position: relative; display: inline-block; font-size: 2em;}.text:before{ position: absolute; top: 1.3em; left: 0; content: ""; display: inline-block; width: 0; height: 2px; background: #34BBF3; transition: 2s;}.text:hover:be...(2017/11/28)

CSS
CSS flexの指定で折り返した時の左寄せ
Flexの指定をしているのですが、思うようになりません。ぜひアドバイスをお願いします。スペースに収まりきらないものは改行させたいので、flex-wrap:wrap;折り返した行は、スペースを等しく開けたいので、justify-content:space-between;を記載しています。すると、最後の...(2017/11/16)

その他([技術者向] コンピューター)
<А>のCSSを一時クリアするHTMLないの?
<А>タグのCSSで文字の大きさを設定していますが、どうしても一箇所だけ文字を大きくしたい部分があります。style="size:"5"を入力しても駄目です。一時クリアするHTMLの記述はないのでしょうか?宜しく願います。(2017/11/13)

PHP
PHPで出力したテキストにCSSを当てたい
現在、PHPの勉強を始めたばかりの者です。PHPではきだした変数にCSSを当てないのですが、やり方がわかりません。例えば、フォームのエラーメッセージなどで、テキストの色を変えたいです。知識をお持ちの方教えてください。(2017/11/11)

CSS
プログラミング html css css3
プログラミングについての質問ですa{text-decoration:none;}a:hover {color:white; background:black;}a:visited{color:red;}a:active{color:silver;}このプログラム(スタイルシート)のhoverの部分がうまくいきません。何を直せばいいでしょうか(2017/11/09)

CSS
cssセレクタ優先度について
https://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666優先度の計算方法はわかっているのですが、以下の場合なぜそうなるかがわかりません。htmlが<div id="hoge"><div id="poge"><h1>エイチワン(後半略でh1{ font-size:10p...(2017/10/23)

その他(プログラミング・開発)
CSSのURI化の方法を教えて下さい
HTMLでたった1ページのファイルに使用するスタイルシートのファイル数が7つか8個になるためデータURIスキームを用いて、CSS構文をそのまま単一のウェブページのコードの内側にデータとして埋めこむことができるのではないかと想像しています。画像だけではなく、通常の...(2017/09/02)

HTML
このHTMLとCSSをひとつにするのはどうすれば?
WordpressのAddQuickTagを使うために別れたままでは使うことができません><https://saruwakakun.com/html-css/reference/boxちなみに19番のカギカッコを使いたいと思っています。何卒よろしくお願いいたします!!HTMLが・・・<div class="box19"><...(2017/08/26)

CSS
HTML,CSSで自分のブログ、ホームページのWe
HTML,CSSで自分のブログ、ホームページのWebページに今見ているWebページのURLをお気に入りブックマークボタンで取得出来るボタンを付けたいと思います。どうやれば、いまWebブラウザで見ているURLをお気に入りやブックマークに追加できますか?javascriptを使わないと無理...(2017/07/06)

CSS
CSS4の変数はJSのように複数の式(プロパティと
CSS4の変数はJSのように複数の式(プロパティと値)を入れることはできないのです消化?一つしか入れられないのでしょうか?複数まとめたかったのですが、utilityにするしかないでしょうか?(2017/07/06)

CSS
HTML,CSSで自分のブログ、ホームページのWe
HTML,CSSで自分のブログ、ホームページのWebページに今見ているWebページのURLをボタンで取得出来るボタンを付けたいと思います。どうやれば、いまWebブラウザで見ているURLを取得できますか?javascriptを使わないと無理ですか?やり方を教えてください。(2017/07/06)

CSS
CSSで文字の上に「・」を置きたい
「席に着くとまずはらみを注文する」をテキストで出したい時、このままだとわかりづらいので、「はらみ」の上に「・」を置きたいと考えています。CSSで表現する場合、下記で良いのでしょうか。ソース的にちょっと微妙な気もするのですが…。-------------------<ruby>...(2017/06/28)

CSS
cssのファイルの作成日時を知るにはどうすればいい
グーグルクロームでサイトを見てるのですがcssのファイルの作成日時を知るにはどうすればいいでしょうか?添付は参考ですが自分の作成したファイルの作成日時が知りたくて質問しました。(2017/06/19)

HTML
HTML、CSSについて教えて下さい
http://sima1211.html.xdomain.jp/ の下部のようにしたいとHTMLやCSSをコーディングしているのですが、どうにもズレやGoogleマップが想定通りに縮小してくれず、自力では限界を感じたので質問させて頂きます。現在作成中のHTML仮置き場→sima2930.webcrow.jp/CSS→~/css/st...(2017/06/07)

HTML
任意の形 css html
いわゆる漫画のコマ割り的な形でボックスを組みたいのですが、cssでは無理ですよね?何かしら手があれば教えてください。ボックスの背景に画像を入れ込みます。(2017/05/31)

CSS
CSSの呼出方法と表示速度 (SEO)
. HTML内で外部CSSファイルを呼び出す方法について、表示速度の面で記述を迷っている部分があります。例えば、ホームページ・記事ページ・製品ページの、3つのページが存在するウェブサイトを仮定するとします。そして、3つのページに共通するCSSをcommon.css それぞれのペ...(2017/05/15)

CSS
このようなCSS指定はできますか?
以下のようなスペース区切りの文字列があります。これらを単語を途中で改行させず、単語の頭から改行させるCSSの指定方法はありますでしょうか?単語をspanで囲みnowrapを使ったのですが、単語の途中で改行されないかわりに画面からはみ出してしまいました。どうかよろしく...(2017/05/07)

CSS
CSSの分割とウェブサイトの表示速度 (SEO)
.よく、【(1)HTTPのリクエストを抑えるために、複数のCSSファイルはひとつにまとめる】ということが言われますが、一方で、【(2)表示速度のためにCSSを分割する】ということが推奨されることもあります。この2つが一見矛盾する感じで少々混乱しております。ここで、例えば...(2017/04/16)

CSS
HTML内にCSSで装飾を施すデメリットについて
HTMLでCSSで装飾するとコードの不要な重複に繋がるという記述を時々見るのですが、これは具体的にはどのようなことなのでしょうか。(ちなみに、当方はCSSは基本外部ファイルでファーストビュー部分に対してだけ<style>タグ内に記述することがたまにある程度です)(2017/04/14)

CSS
CSSについて教えてください。
携帯向けのサイトを作っています。contentの文字列が画面からはみ出るので指でスワイプした分だけスクロールしたいのですがCSSでできますでしょうか?スクロールバーは表示させたくないのでCSSで無効にしてあります。どうかよろしくお願いいたします。<div class="...(2017/04/10)

CSS
CSSで、指定されていない空白が開く
ヘッダーのロゴとその下のナビゲーションの間に、勝手に空白が空きます。margin: 0;と設定しても空白が空きます。section#header { width:80%; height: 63px; margin-right: auto; margin-left: auto;}img.LOGO { width: 700px; height: 63px; float:...(2017/03/14)

CSS
CSSの入力方法について教えてください
CSSの入力方法について教えてください私はプラグインを使用してtableを制作したのですがHTMLコードの最上段に下記のような表示がされてありました。全体の指示がされてあると思うのですが、自分なりにCSSで入力してもうまく表示できないでいます。すみませんがおわかりの方...(2017/03/09)

CSS
cssが読み込まれない
htmlを作成しています。(html5)が、cssが読み込まれなくて困っています。例えば下記のような場合、*****************<div id="syu"> <table> <tr> <td class="code1">コード   <input type="text&q...(2017/02/21)

HTML
cssの記法について
サイトのCSSを見ていると、padding: 0 15px;という表記を目にします。padding:0px 15px;ならわかるのですが、このように記述するのはなぜなのでしょうか。もう一つ、.hoge:after {display: block;clear: both;content: "";}こういうのをよく見ます。divでcontain...(2017/02/18)

JavaScript
条件式にcssの値を使う方法。
条件式にcssの値を使う方法。下記の部分が謎なのですが、プロパティ == 値という形でなぜプロパティの値がnoneだった時となるのでしょうか?if( toolTip.css("display") == "none" )$(function() {$(".tooltip").each(function(){var to...(2016/12/31)

CSS
jqueryのCSSについてお聞きしたいのですが、
本体にCSSを書くと正常に動きます.defaultlist,.defaultlist li{padding:0px;margin:0px;}外部リンクのjQueryだと下記だと正常に動きません$(".defaultlist,.defaultlist li").css({"padding":"0px","margin":"0px"});...(2016/12/17)

CSS
このように「:」を付けるcssは
A:link { プロパティ: 値 }このように「:」を付けるcssはa以外にもあるのですか?(2016/11/25)

CSS
CSSは今はcss3と知りましたが
css1・css2・css3はそれぞれコード・文法が違うのでしょうか(2016/11/20)

CSS
ブラウザによってcssを分けることは可能なの?
レスポンシブウェブデザインの様にブラウザによってcssを分けることは可能なのでしょうか?IEなら100px、ファイアフォックスなら50pxなど。(2016/11/20)

HTML
2列目のみcssを適用させるには?
<html><head><title>test</title><style type="text/css">table.test td+td { padding-left:1em; }</style></head><body><table class="test" border=1><tr><th>No</th><...(2016/11/12)

CSS
cssのクラス名のつけ方について
Sublime Textのプラグインの「Goto-CSS-Declaration」を使えるよいクラス名のつけ方はないでしょうか?・クラス名としては良いが、エスケープシーケンスをgotocssが認識しない.u-centering-length\+block {display: block;margin: auto;}・下記のようなときはどうしますか...(2016/11/11)

その他(プログラミング・開発)
html/cssを使わないでデザイン
html/cssをつかわずにソフトを作る場合。何でデザインしているのでしょうか?javascriptしかつかったことがないのですが。javascript自体にはデザインする機能はありませんよね?ということはC#やswiftなどの言語でデスクトップアプリを作っている人たちは何でデザインをし...(2016/11/10)

PHP
html CSSにおけるno-jsとは何ですか?
wordpressを用いてサイト作成の勉強をしています。ヘッダー部分に以下のようなコードがありました。<html <?php language_attributes(); ?> class="no-js"><?php language_attributes(); ?> は<html lang="ja">と同じ意味と...(2016/11/06)

HTML
記事本文のtableタグのみCSSを適用させる方法
基本的なことだと思うのですがブログ初心者のため質問させてください。記事に表を入れたいのですが、デフォルトのままですと枠線(border)を最小の1にしても1pxの細い線になりません。そこでネットで調べて以下のものをCSSに追加しました。table {border-collapse:collapse;...(2016/11/03)

CSS
CSSでの除外指定
CSSでとある要素以下にはあてないというような指定はどうすればいいでしょうか?:notを上手く指定すればいけるんでしょうが…input { /*何かしら*/}というスタイルを.outが指定された要素以下(子要素、孫要素、以下全て)単純にnotだと、その指定した箇所にしかあたらなか...(2016/09/20)

CSS
CSSのドロップダウンメニューが見出しで切れる
CSSでドロップダウンメニューを作りました。ページの上部に横並びの状態です。メニューを押すと下に4項目程度のリストが下がってきます。今まで本文の見出しには<h1>タグを使用せず画像でのみで作っており、リストには影響がありませんでした。<h1>を使用しCSS...(2016/09/16)

CSS
このデザインをCSSでは・・・
この一覧の枠?といいますか、一行一行を点線で並べていくデザインってCSSではどう指定するのでしょうか?(2016/08/29)

HTML
テーブルの幅をデフォルトに戻すcssがわかりま
<html> <head> <title>test</title> <style type="text/css">table { width: 100%;} </style> </head> <body> <table border=1> <tr><td>No</td><td>table1</td><...(2016/08/09)

CSS
cssについて
html&css初心者です。ある書籍の本で分からないことがあります。htmlでclass属性を書きこみました。< div class=″keyvisial″><p class=″news_item″><div class=″map″>それぞれをcssで書いた際には.keyvisial {.news_item {div.map {とありまし...(2016/07/12)

HTML
Htmlとcssだけで円グラフを作ることは可能?
Htmlとcssだけで円グラフを作ることは可能ですか?(2016/07/06)

CSS
CSSで rotate 値が書き換えられない理由
javascript で rotate の角度を変化させて描画することができずに困っています。p の値を読み込ませて、その角度を画面上に反映させるコードを書きました。document.getElementById('div2').style.transform = "rotateX(" + p + ")deg" ;このような指...(2016/07/04)



ビットコインの大暴騰、「億り人」と呼ばれる仮想通貨長者の誕生、マウントゴックス以来の大事件となったNEM流出など、派手な話題に事欠かない。世界各国政府も対応に手を焼いているようだが、中には政府が公式に仮想通貨を発行する動きも出てきており、国家と通貨の関係性にも大きな変化が起こりつつある。

Amazonが先鞭をつけたAIスピーカープラットフォーム。スマホのアプリが巨大な市場を成したように、スマートスピーカー向けのスキル/アプリ、関連機器についても、大きな市場が生まれる可能性がある。ガジェットフリークのものと思われがちだが、画面とにらめっこが必要なスマホよりも優しいUIであり、子どもやシニアにもなじみやすいようだ。

「若者のテレビ離れが進んでいる」と言われるが、子どもが将来なりたい職業としてYouTuberがランクインする時代になった。Twitter上でのトレンドトピックがテレビから大きな影響を受けていることからも、マスメディア代表としてのテレビの地位はまだまだ盤石に感じるが、テレビよりもYouTubeを好む今の子ども達が大きくなっていくにつけ、少なくとも誰もが同じ情報に触れることは少なくなっていくのだろう。