Articles of css

Comment faire apparaître une image rectangular circulaire avec CSS

J’ai utilisé border-radius: 50% ou border-radius: 999em , mais le problème est le même: avec les images au carré, il n’y a pas de problème, mais avec les images rectangulars, border-radius: 999em un cercle ovale. Je suis également disposé à recadrer une partie de l’image (évidemment). Est-il possible de le faire avec du CSS pur […]

Supprimer la lueur bleue d’une saisie de texte HTML lorsqu’elle est sélectionnée

Comment puis-je supprimer la lueur bleue qui entoure une zone de saisie de texte sélectionnée à l’aide de CSS pur?

textarea – désactiver le redimensionnement sur x ou y?

Je sais qu’il est possible de désactiver le redimensionnement d’une zone de textarea en utilisant: textarea { resize: none; } Mais est-il possible de désactiver x ou y? au lieu des deux

Une image de fond peut-elle être plus grande que la div elle-même?

J’ai un div de pied de page avec une largeur de 100%. Il fait environ 50 pixels de haut, selon son contenu. Est-il possible de donner à ce #footer une image de fond qui déborde ce div? L’image est d’environ 800x600px et je veux qu’elle soit positionnée dans le coin inférieur gauche du pied de […]

Comment supprimer l’espace de gouttière pour un div uniquement – bootstrap

Le système de grid Bootstrap par défaut utilise 12 colonnes avec chaque scope ayant une gouttière 30px comme ci-dessous. Les gouttières sont l’espace blanc entre les colonnes. La largeur de la gouttière semble être entre 20px et 30px. Supposons que ce soit 30px ici. Je veux supprimer l’espace de gouttière pour un div spécifique, de […]

Pourquoi vertical-align: text-top; ne pas travailler en CSS

Je veux aligner du texte en haut d’une div. Il semble que vertical-align: text-top; devrait faire l’affaire, mais ça ne marche pas. Les autres choses que j’ai faites, comme mettre les divs en colonnes et afficher une bordure en pointillés (pour que je puisse voir où se trouve le sumt de la div), fonctionnent bien. […]

Contrôle du zoom et streetview ne s’affichent pas sur ma carte Google?

J’insère une carte Google très basique dans ma page et le contrôle du zoom et l’icône de la feuille de route ne sont pas visibles. Cependant, si je place la souris là où elle devrait être, je peux agrandir la carte et entrer dans streetview. Les contrôles ne sont donc pas visibles. <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=&sensor=false&region=IT”> […]

Comment styler SVG avec CSS externe?

J’ai plusieurs graphiques SVG que je voudrais modifier les couleurs via mes feuilles de style externes – pas directement dans chaque fichier SVG. Je ne mets pas les graphiques en ligne, mais les stocke dans mon dossier d’images et les pointe vers eux. Je les ai implémentés de cette manière pour permettre aux info-bulles de […]

qu’est-ce que -webkit-transform: translate3d (0,0,0); exactement faire? Appliquer sur le corps?

qu’est-ce que -webkit-transform: translate3d(0,0,0); exactement faire? At-il des problèmes de performance? Dois-je simplement l’appliquer au corps ou à des éléments individuels? Il semble améliorer considérablement les événements de défilement. Merci pour la leçon!

contour sur une seule bordure

Comment appliquer une bordure en encart dans un élément HTML, mais seulement d’un côté. Jusqu’à présent, j’utilisais une image pour cela (GIF / PNG) que j’utiliserais alors comme arrière-plan et l’étirerais (répéter-x) et me placerais un peu au-dessus de mon bloc. Récemment, j’ai découvert la propriété CSS, ce qui est génial! Mais semble entourer tout […]