CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

RSS

  • 受付中

    回答
    0

    jQueryで作成したアコーディオンメニューを一定の画面サイズ以上で全て展開したい

    最近HTML、CSS、jQueryを学び始めた初心者です。 こちらのサイト様の記事を参考に、サイト内でアコーディオンメニューを実装しています。 http://www.webmoyou.sakura.ne.jp/web/124/ 画面サイズが640px以下の場合はアコーディオンメニュー、それ以上の場合はメニューを全て展開し折りたたまないような仕様にしたいの

    • 0評価
    • 2PV
    qemte qemte 21分前に 質問
  • 解決済

    回答
    1

    CSSの斜めのボックスの作り方

    CSSの斜めのボックスの作り方につきまして質問です。 画像のような5等分にしたボックスをCSSで作成したいのですが、可能でしょうか? 真ん中の白い所はなくてもOKです。 お手数ですが、ご教示頂ければ幸いです。

    • 0評価
    • 52PV
    x_x x_x 7時間前に ベストアンサー
  • 解決済

    回答
    2

    ブラウザ毎のCSSの切り替え片(IEとChrome等)

    画像を歪ませず丸く表示するCSSを書いています。 google chromeでは問題無く綺麗に表示されるのですが、Internet Exploreでは歪んでしまいます。同じCSSファイル内でブラウザによって切り替える様にしたいのですが、うまく動かず間違いご指摘頂けますと幸甚です。 chrome IE(ちょっと分かり難いかもですが、歪んでい

    • 0評価
    • 349PV
    innjera innjera 11時間前に ベストアンサー
  • 解決済

    回答
    1

    レスポンシブのサイドメニューについて教えて下さい。

    レスポンシブのCSSについて教えて下さい。 http://www.futako.com/DEMO/ 「●●●●●」のリンクから開くページになります。 →三本ラインボタンからリンクメニューがでてきますが、×ボタンが消えてしまいます。この三本ラインボタンより下からメニューがでるようにしたいのですが、どのようにしたらよいのでしょうか。 また画面を狭める途中

    • -4評価
    • 100PV
    Birdsfly Birdsfly 19時間前に コメント
  • 解決済

    回答
    2

    toggleswitchをクリックした際に、一度目のクリックでtest01が表示され、二度目のクリッ...

    前提・実現したいこと お忙しいところ恐れ入ります。 調べてもわからなかったので、ご質問させて頂きます。 dtタグのtoggleswitchをクリックした際に、一度目のクリックで、test01を表示させて、 二度目のクリックでtest02を表示させるようにjQueryを記載したいのですが、調べても わかりませんでした。ご教示頂けないでしょうか。 申し訳ござ

    • 0評価
    • 59PV
    Tak_Matz Tak_Matz 1日前に ベストアンサー
  • 受付中

    回答
    1

    スティッキーメニュー:スクロール前のクリックでのFIXについて

    ページを作成しており、下記の動作で躓いております。 CSS、jQueryいずれの方法でも最終的に動作が完了できればこだわりはありません。 したいこと スティッキーヘッダー設置しヘッダー内メニューをクリックすると、該当記事へ移動、その際記事に食い込まないよう、ヘッダーの高さ分マイナスする。 問題点 スクロール前にヘッダー内メニューのリンクをクリ

    • 0評価
    • 35PV
    x_x x_x 2日前に 回答
  • 受付中

    回答
    0

    flagPCとスマホで違いが発生する

    [√] PCとスマホで違いが発生する [√] 発生している問題(概観) ブラウザによって操作できない要素がある. ブラウザによって前面に表示されてしまう要素がある. [√] 確認環境 Windows10 (64 bit) : Chrome 58.0.3029.110 (64-bit), Firefox 54.0 (32 bit)

    • -4評価
    • 380PV
    -1an.vvks- -1an.vvks- 2日前に 質問を編集
  • 受付中

    回答
    4

    backgroundの大きさがスマホ上でバラバラになります

    前提・実現したいこと 背景(background)の大きさがバラバラ chromeデベロッパーツール上ではPC/スマホでの見え方は完成していて、何も問題はありません。 しかし、いざサーバーにアップすると、PCは問題ないのですが、スマホ上では背景の見え方がページによってはバラバラになります。 具体的には拡大されているように見えます、しかもページによ

    • 0評価
    • 474PV
    -1an.vvks- -1an.vvks- 3日前に 回答
  • 受付中

    回答
    2

    デバイスに関係なくスマホ風のスクロールバーを表示したい

    [ ! ] | | | この質問はしばらく寝かせておきます | | [√] 全てのデバイスでスマホ風のスクロールバーを表示したい [√] 要件 あくまでもVanilla JSにこだわる (not jQuery) スマホのように内包要素に干渉しない({position:absolute; right:0;}のような感じ) ただ

    • -5評価
    • 290PV
    -1an.vvks- -1an.vvks- 3日前に 質問を編集
  • 解決済

    回答
    3

    cssでアニメーションさせた要素に残像が残る

    [√] cssでアニメーションさせた要素に残像が残る こういう状態です. この残像はどうしたら消せるでしょうか? ソースコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="auth

    • 3評価
    • 396PV
    -1an.vvks- -1an.vvks- 3日前に ベストアンサー
  • 解決済

    回答
    3

    レスポンシブデザインの件(見やすく再送させていただきました)

    ただいま、レスポンシブデザイン中です。 widthが767px以下になったらメイン画像が可変するようにしたいのですがうまくいきません・・・。 よく、 img{ width:100%; max-width:100%; height:auto; } にしたら良いと色々書いてあったので以下のように試みましたがメイン画像が縮小されませんでした・・・。 ひよ

    • 0評価
    • 363PV
    mirainonakamura mirainonakamura 5日前に ベストアンサー
  • 解決済

    回答
    1

    レスポンシブデザインの画像が可変しないのですが、なぜでしょう…

    前提・実現したいこと レスポンシブデザイン中です。 widthが767px以下になったらメイン画像を可変させたいのですが。--- 発生している問題・エラーメッセージ メイン画像が可変してくれません・・・ 該当のソースコード <div id="header"> <p><img src="main-img.jpg" width="1366" height

    • 0評価
    • 343PV
    TONGARI TONGARI 5日前に ベストアンサー
  • 受付中

    回答
    1

    optionタグの見た目をCSSで変更したい

    前提・実現したいこと optionタグの見た目をcssで 変更したいのですが、appearance: none;などを やってもできないのでどなたか教えて頂けませんかー?

    • -1評価
    • 45PV
    mnnEditor mnnEditor 1週間前に 回答
  • 解決済

    回答
    1

    <div>タグの中を、左端揃え、右端揃えと、それぞれ機能させるには?

    「編集」、「削除」ボタンは左端に寄せ 「登録日時」を右端に、寄せるには、どのように記述すればよろしいでしょうか? *CSSは直接、htmlに記述し、改行させず1行内で考えています。 <div>タグの中に<div>を入れ別々に,alighでleft ,rightすると2行になり、うまくいきません。 ご教授いただければと思います。 <div clas

    • -2評価
    • 64PV
    hiro0208 hiro0208 1週間前に ベストアンサー
  • 受付中

    回答
    3

    html4.01 strictでもplaceholderを使える方法

    placeholderを使いたいのですが、html4.01strictを使っているためどう行えばいいのか分かりません。 またJavaScriptを用いずに行え、との事なのでcss、html4.01で行える方法を教えて頂きたいです。

    • 0評価
    • 90PV
    x_x x_x 1週間前に 回答
  • 解決済

    回答
    1

    クリックで画像の高さをアニメーションで変更させたい

    クリックで画像の高さをアニメーションで変更させたい 初歩的な質問かもしれませんが、上手くいかないのでご教示ください。 画像を50pxだけ表示し、画像をクリックすると残りの高さ分の画像をアニメーションで表示させたいのですが、アニメーション(下にゆっくりスライド)だけが上手くいきません。 いろいろ試してはいるのですが、ダメでした・・・。 jQueryを利用し

    • 0評価
    • 46PV
    jyoze jyoze 1週間前に ベストアンサー
  • 受付中

    回答
    1

    パフォーマンス的観点から見た css プロパティの書く順

    いつも css を書く際プロパティ順を気にせず書いているのですが、パフォーマンス的に css プロパティの書く順で適したものはあるのでしょうか。知見のある方、ご教示いただけますと幸いです。

    • 0評価
    • 53PV
    yambejp yambejp 1週間前に 回答
  • 解決済

    回答
    2

    疑似要素 :before で画像を表示

    css の疑似要素 「:before」を使って、p要素の前に画像を表示させようとしています。 content に文字列 [content: "あいう";」 を指定すると問題なく表示させるのですが、 画像 「content: url(images/phone.png);」 を指定しても表示されません。 何が原因でしょうか。 画像はプロジェクトフォルダ内

    • 0評価
    • 41PV
    yuu_mmca yuu_mmca 1週間前に ベストアンサー
  • 解決済

    回答
    2

    コード内容の仕組みに関して解説をお願いします。

    リンク内容 <質問①> 添付写真でハイライトされている箇所において、ABOUTというメニューにカーソルを合わせると文字の左右に罫線がにじみ出てきます(アニメーションのような挙動)。この仕組みを教えてください。 特にこの罫線の出どころがわかりません。 content:"";は空白で、アンカータグのアンダーラインとは関係無さそうで特定できません。 ま

    • -4評価
    • 362PV
    6111-debutant_. 6111-debutant_. 1週間前に コメント
  • 解決済

    回答
    1

    position fixed されている要素の上にabsoluteで要素を重ねたい。

    背景にcanvas要素を固定してその上のレーヤーにボタンを置いて表示させたいのですが、 上手く表示されません。 どなたかアドバイスお願いいたします。

    • -2評価
    • 56PV
    genki0301ab genki0301ab 1週間前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    4837

  • 総質問数

    1161

  • 今週の質問数

    7

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る