content / files /sidebars /cssref.yaml
AbdulElahGwaith's picture
Upload folder using huggingface_hub
780c9fe verified
# Do not add comments to this file. They will be lost.
sidebar:
- type: section
link: /Web/CSS
title: CSS
- type: section
link: /Web/CSS/Guides
title: Guides
- type: listSubPages
path: /Web/CSS/Guides
tags: css-module
title: Modules
details: closed
- title: Anchor_positioning
details: closed
children:
- /Web/CSS/Guides/Anchor_positioning/Using
- /Web/CSS/Guides/Anchor_positioning/Try_options_hiding
- title: Animations
details: closed
children:
- /Web/CSS/Guides/Animations/Animatable_properties
- /Web/CSS/Guides/Animations/Using
- title: Backgrounds_and_Borders
details: closed
children:
- /Web/CSS/Guides/Backgrounds_and_borders/Using_multiple_backgrounds
- /Web/CSS/Guides/Backgrounds_and_borders/Resizing_background_images
- /Web/CSS/Guides/Backgrounds_and_borders/Scaling_SVG_backgrounds
- title: Box alignment
details: closed
children:
- /Web/CSS/Guides/Box_alignment/Overview
- /Web/CSS/Guides/Box_alignment/In_block_abspos_tables
- /Web/CSS/Guides/Box_alignment/In_flexbox
- /Web/CSS/Guides/Box_alignment/In_grid_layout
- /Web/CSS/Guides/Box_alignment/In_multi-column_layout
- title: Box_model
details: closed
children:
- /Web/CSS/Guides/Box_model/Introduction
- /Web/CSS/Guides/Box_model/Margin_collapsing
- title: Box sizing
details: closed
children:
- /Web/CSS/Guides/Box_sizing/Aspect_ratios
- title: Cascade
details: closed
children:
- /Web/CSS/Guides/Cascade/Introduction
- /Web/CSS/Guides/Cascade/Inheritance
- /Web/CSS/Guides/Cascade/Specificity
- /Web/CSS/Guides/Cascade/Property_value_processing
- /Web/CSS/Guides/Cascade/Shorthand_properties
- type: listSubPages
path: /Web/CSS/Guides/Cascading_variables
title: Cascading variables
details: closed
- title: Colors
details: closed
children:
- /Web/CSS/Guides/Colors/Applying_color
- /Web/CSS/Guides/Colors/Color_values
- /Web/CSS/Guides/Colors/Using_relative_colors
- /Web/CSS/Guides/Colors/Using_color_wisely
- link: /Web/Accessibility/Guides/Colors_and_Luminance
title: Accessibility_Understanding_colors_and_luminance
- link: /Web/Accessibility/Guides/Understanding_WCAG/Perceivable/Color_contrast
title: Color_contrast
- title: Columns
details: closed
children:
- /Web/CSS/Guides/Multicol_layout/Basic_concepts
- /Web/CSS/Guides/Multicol_layout/Styling_columns
- /Web/CSS/Guides/Multicol_layout/Using
- /Web/CSS/Guides/Multicol_layout/Spanning_balancing_columns
- /Web/CSS/Guides/Multicol_layout/Handling_overflow
- /Web/CSS/Guides/Multicol_layout/Handling_content_breaks
- title: Conditional_rules
details: closed
children:
- /Web/CSS/Guides/Conditional_rules/Using_feature_queries
- /Web/CSS/Guides/Conditional_rules/Container_scroll-state_queries
- title: Containment
details: closed
children:
- /Web/CSS/Guides/Containment/Container_queries
- /Web/CSS/Guides/Containment/Using
- /Web/CSS/Guides/Containment/Container_size_and_style_queries
- title: CSSOM_view
details: closed
children:
- link: /Web/API/CSSOM_view_API/Coordinate_systems
title: Coordinate_systems
- /Web/CSS/Guides/CSSOM_view/Viewport_concepts
- type: listSubPages
path: /Web/CSS/Guides/Custom_functions_and_mixins
title: Custom_functions_and_mixins
details: closed
- title: Display
details: closed
children:
- /Web/CSS/Guides/Display/Block_and_inline_layout
- /Web/CSS/Guides/Display/Flow_layout
- /Web/CSS/Guides/Display/Flow_layout_and_overflow
- /Web/CSS/Guides/Display/Flow_layout_and_writing_modes
- /Web/CSS/Guides/Display/In_flow_and_out_of_flow
- /Web/CSS/Guides/Display/Containing_block
- /Web/CSS/Guides/Display/Formatting_contexts
- /Web/CSS/Guides/Display/Block_formatting_context
- /Web/CSS/Guides/Inline_layout/Inline_formatting_context
- /Web/CSS/Guides/Display/Multi-keyword_syntax
- /Web/CSS/Guides/Display/Visual_formatting_model
- type: listSubPages
path: /Web/CSS/Guides/Environment_variables
title: Environment_variables
details: closed
- type: listSubPages
path: /Web/CSS/Guides/Filter_effects
title: Filter_effects
details: closed
- title: Flexbox
details: closed
children:
- /Web/CSS/Guides/Flexible_box_layout/Basic_concepts
- /Web/CSS/Guides/Flexible_box_layout/Relationship_with_other_layout_methods
- /Web/CSS/Guides/Flexible_box_layout/Aligning_items
- /Web/CSS/Guides/Flexible_box_layout/Ordering_items
- /Web/CSS/Guides/Flexible_box_layout/Controlling_flex_item_ratios
- /Web/CSS/Guides/Flexible_box_layout/Wrapping_items
- /Web/CSS/Guides/Flexible_box_layout/Use_cases
- type: listSubPages
path: /Web/CSS/Guides/Fonts
title: Fonts
details: closed
- title: Grid
details: closed
children:
- /Web/CSS/Guides/Grid_layout/Basic_concepts
- /Web/CSS/Guides/Grid_layout/Relationship_with_other_layout_methods
- /Web/CSS/Guides/Grid_layout/Line-based_placement
- /Web/CSS/Guides/Grid_layout/Grid_template_areas
- /Web/CSS/Guides/Grid_layout/Named_grid_lines
- /Web/CSS/Guides/Grid_layout/Auto-placement
- /Web/CSS/Guides/Grid_layout/Box_alignment
- /Web/CSS/Guides/Grid_layout/Logical_values_and_writing_modes
- /Web/CSS/Guides/Grid_layout/Accessibility
- /Web/CSS/Guides/Grid_layout/Common_grid_layouts
- /Web/CSS/Guides/Grid_layout/Subgrid
- /Web/CSS/Guides/Grid_layout/Masonry_layout
- title: Images
details: closed
children:
- /Web/CSS/Guides/Images/Using_gradients
- /Web/CSS/Guides/Images/Using_object-view-box
- /Web/CSS/Guides/Images/Replaced_element_properties
- /Web/CSS/Guides/Images/Implementing_image_sprites
- title: Lists_and_counters
details: closed
children:
- /Web/CSS/Guides/Counter_styles/Using_counters
- /Web/CSS/Guides/Lists/Indenting
- title: Logical_properties
details: closed
children:
- /Web/CSS/Guides/Logical_properties_and_values/Basic_concepts
- /Web/CSS/Guides/Logical_properties_and_values/Floating_and_positioning
- /Web/CSS/Guides/Logical_properties_and_values/Margins_borders_padding
- /Web/CSS/Guides/Logical_properties_and_values/Sizing
- title: Masking
details: closed
children:
- /Web/CSS/Guides/Masking/Introduction
- /Web/CSS/Guides/Masking/Clipping
- /Web/CSS/Guides/Masking/Multiple_masks
- /Web/CSS/Guides/Masking/Mask_properties
- title: Media_queries
details: closed
children:
- /Web/CSS/Guides/Media_queries/Using
- /Web/CSS/Guides/Media_queries/Using_for_accessibility
- /Web/CSS/Guides/Media_queries/Testing
- /Web/CSS/Guides/Media_queries/Printing
- title: Nesting
details: closed
children:
- /Web/CSS/Guides/Nesting/At-rules
- /Web/CSS/Guides/Nesting/Nesting_and_specificity
- /Web/CSS/Guides/Nesting/Using
- type: listSubPages
path: /Web/CSS/Guides/Overflow
title: Overflow
details: closed
- title: Positioning
details: closed
children:
- /Web/CSS/Guides/Positioned_layout/Stacking_context
- /Web/CSS/Guides/Positioned_layout/Stacking_context/Example_1
- /Web/CSS/Guides/Positioned_layout/Stacking_context/Example_2
- /Web/CSS/Guides/Positioned_layout/Stacking_context/Example_3
- /Web/CSS/Guides/Positioned_layout/Stacking_floating_elements
- /Web/CSS/Guides/Positioned_layout/Understanding_z-index
- /Web/CSS/Guides/Positioned_layout/Using_z-index
- /Web/CSS/Guides/Positioned_layout/Stacking_without_z-index
- type: listSubPages
path: /Web/CSS/Guides/Scroll_anchoring
title: Scroll_anchoring
details: closed
- type: listSubPages
path: /Web/CSS/Guides/Scroll-driven_animations
title: Scroll-driven_animations
details: closed
- type: listSubPages
path: /Web/CSS/Guides/Scroll_snap
title: Scroll_snap
details: closed
- title: Selectors
details: closed
children:
- /Web/CSS/Guides/Selectors/Selectors_and_combinators
- /Web/CSS/Guides/Selectors/Selector_structure
- /Web/CSS/Guides/Selectors/Privacy_and_:visited
- /Web/CSS/Guides/Selectors/Using_:target
- title: Shapes
details: closed
children:
- /Web/CSS/Guides/Shapes/Overview
- /Web/CSS/Guides/Shapes/From_box_values
- /Web/CSS/Guides/Shapes/From_images
- /Web/CSS/Guides/Shapes/Using_shape-outside
- title: Syntax
details: closed
children:
- /Web/CSS/Guides/Syntax/Introduction
- /Web/CSS/Guides/Syntax/Comments
- /Web/CSS/Guides/Syntax/At-rules
- /Web/CSS/Guides/Syntax/Error_handling
- title: Text
details: closed
children:
- /Web/CSS/Guides/Text/Wrapping_breaking_text
- /Web/CSS/Guides/Text/Whitespace
- title: Text decoration
details: closed
children:
- /Web/CSS/Guides/Text_decoration/Text_shadows
- title: Transforms
details: closed
children:
- /Web/CSS/Guides/Transforms/Using
- title: Transitions
details: closed
children:
- /Web/CSS/Guides/Transitions/Using
- title: Values and units
details: closed
children:
- /Web/CSS/Guides/Values_and_units/Value_definition_syntax
- /Web/CSS/Guides/Values_and_units/Numeric_data_types
- /Web/CSS/Guides/Values_and_units/Textual_data_types
- /Web/CSS/Guides/Values_and_units/Using_math_functions
- /Web/CSS/Guides/Values_and_units/Using_typed_arithmetic
- title: Writing modes
details: closed
children:
- /Web/CSS/Guides/Writing_modes/Writing_mode_systems
- /Web/CSS/Guides/Writing_modes/Vertical_controls
- type: section
link: /Web/CSS/How_to
- link: /Web/CSS/How_to/Layout_cookbook
title: Layout cookbook
details: closed
children:
- /Web/CSS/How_to/Layout_cookbook/Media_objects
- /Web/CSS/How_to/Layout_cookbook/Column_layouts
- /Web/CSS/How_to/Layout_cookbook/Center_an_element
- /Web/CSS/How_to/Layout_cookbook/Sticky_footers
- /Web/CSS/How_to/Layout_cookbook/Split_navigation
- /Web/CSS/How_to/Layout_cookbook/Breadcrumb_navigation
- /Web/CSS/How_to/Layout_cookbook/List_group_with_badges
- /Web/CSS/How_to/Layout_cookbook/Pagination
- /Web/CSS/How_to/Layout_cookbook/Card
- /Web/CSS/How_to/Layout_cookbook/Grid_wrapper
- link: /Web/CSS/How_to/Layout_cookbook/Contribute_a_recipe
title: Contribute a recipe
details: closed
children:
- /Web/CSS/How_to/Layout_cookbook/Contribute_a_recipe/Cookbook_template
- type: section
title: Tools
- children:
- /Web/CSS/Guides/Backgrounds_and_borders/Border-image_generator
- /Web/CSS/Guides/Backgrounds_and_borders/Border-radius_generator
- /Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator
- /Web/CSS/Guides/Colors/Color_format_converter
- /Web/CSS/Guides/Colors/Color_mixer
- /Web/CSS/Guides/Shapes/Shape_generator
- type: section
link: /Web/CSS/Reference
- type: listSubPagesGrouped
path: /Web/CSS/Reference/Properties
tags:
- css-property
- css-shorthand-property
link: /Web/CSS/Reference/Properties
title: Properties
details: closed
- type: listSubPages
path: /Web/CSS/Reference/Selectors
tags: css-selector
link: /Web/CSS/Reference/Selectors
title: Selectors
details: closed
- type: listSubPages
path: /Web/CSS/Reference/Selectors
tags: css-combinator
link: /Web/CSS/Reference/Selectors/Combinators
title: Combinators
details: closed
- type: listSubPagesGrouped
path: /Web/CSS/Reference/Selectors
tags: css-pseudo-class
link: /Web/CSS/Reference/Selectors/Pseudo-classes
title: Pseudo-classes
details: closed
- type: listSubPagesGrouped
path: /Web/CSS/Reference/Selectors
tags: css-pseudo-element
link: /Web/CSS/Reference/Selectors/Pseudo-elements
title: Pseudo-elements
details: closed
- type: listSubPages
path: /Web/CSS/Reference/At-rules
tags: css-at-rule
link: /Web/CSS/Reference/At-rules
title: At-rules
details: closed
- type: listSubPages
path: /Web/CSS/Reference/Values
tags: css-keyword
link: /Web/CSS/Reference/Values
title: Values
details: closed
- type: listSubPages
path: /Web/CSS/Reference/Values
tags: css-type
link: /Web/CSS/Reference/Values/Data_types
title: Types
details: closed
- type: listSubPages
path: /Web/CSS/Reference/Values
tags: css-function
depth: 2
link: /Web/CSS/Reference/Values/Functions
title: Functions
details: closed
l10n:
de:
Guides: Leitfäden
Animations: Animationen
Accessibility_Understanding_colors_and_luminance: "Barrierefreiheit: Farbwerte verstehen"
At-rules: At-Regeln
Backgrounds_and_Borders: Hintergründe und Rahmen
Box alignment: Box-Ausrichtung
Box_model: Box-Modell
Colors: Farben
Color_contrast: "Barrierefreiheit: Farbkontrast"
Columns: Spalten
Combinators: Kombinatoren
Conditional_rules: Bedingte Regeln
Containment: Containment
CSSOM_view: CSSOM-Ansicht
Display: Display
Flexbox: Flexbox
Fonts: Schriftarten
Functions: Funktionen
Grid: Raster
Images: Bilder
Lists_and_counters: Listen und Zähler
Logical_properties: Logische Eigenschaften
Media_queries: Media-Abfragen
Modules: Module
Nesting: Verschachteln von Stilregeln
Positioning: Positionierung
Pseudo-classes: Pseudo-Klassen
Pseudo-elements: Pseudo-Elemente
Properties: Eigenschaften
Scroll_snap: Scroll-Snap
Selectors: Selektoren
Shapes: Formen
Text: Text
Transforms: Transformationen
Transitions: Übergänge
Tools: Werkzeuge
Types: Typen
en-US:
Accessibility_Understanding_colors_and_luminance: "Accessibility: Colors and luminance"
Guides: Guides
Anchor_positioning: Anchor positioning
Animations: Animations
Backgrounds_and_Borders: Backgrounds and borders
Box_model: Box model
Cascade: Cascade
Colors: Colors
Color_contrast: "Accessibility: Color contrast"
Columns: Columns
Conditional_rules: Conditional rules
Containment: Containment
Coordinate_systems: Coordinate systems (API)
CSSOM_view: CSSOM view
Custom_functions_and_mixins: Custom functions and mixins
Display: Display
Environment_variables: Environment variables
Filter_effects: Filter effects
Flexbox: Flexbox
Fonts: Fonts
Grid: Grid
Images: Images
Lists_and_counters: Lists and counters
Logical_properties: Logical properties
Media_queries: Media queries
Nesting: Nesting style rules
Overflow: Overflow
Positioning: Positioning
Selectors: Selectors
Scroll_anchoring: Scroll anchoring
Scroll-driven_animations: Scroll-driven animations
Scroll_snap: Scroll snap
Shapes: Shapes
Syntax: Syntax
Text: Text
Transforms: Transforms
Transitions: Transitions
Tools: Tools
fr:
Guides: Guides
Animations: Animations
Backgrounds_and_Borders: Arrière-plans et bordures
Box_model: Modèle de boîte
Columns: Colonnes
Conditional_rules: Règles conditionnelles
CSSOM_view: Vue CSSOM
Flexbox: Boîtes flexibles
Display: Mis en page
Fonts: Polices
Grid: Grille
Images: Images
Lists_and_counters: Listes et compteurs
Logical_properties: Propriétés logiques
Media_queries: Requêtes média
Positioning: Positionnement
Scroll_snap: Ancrage du défilement
Shapes: Formes
Text: Texte
Transforms: Transformations
Transitions: Transitions
Tools: Outils
ja:
Accessibility_Understanding_colors_and_luminance: "アクセシビリティ: 色と輝度"
At-rules: アットルール
Guides: ガイド
Anchor_positioning: アンカー位置指定
Animations: アニメーション
Backgrounds_and_Borders: 背景と境界
Box alignment: ボックス配置
Box_model: ボックスモデル
Cascade: カスケード
Colors:
Color_contrast: "アクセシビリティ: 色のコントラスト"
Columns: 段組み
Combinators: 結合子
Conditional_rules: 条件付きルール
Containment: コンテナー
CSSOM_view: CSSOM view
Display: 表示方法
Filter_effects: フィルター効果
Flexbox: フレックスボックス
Fonts: フォント
Functions: 関数
Grid: グリッド
Images: 画像
Lists_and_counters: リストとカウンター
Logical_properties: 論理的プロパティ
Media_queries: メディアクエリー
Modules: モジュール
Nesting: 入れ子のスタイルルール
Overflow: オーバーフロー
Positioning: 位置指定
Properties: プロパティ
Pseudo-classes: 擬似クラス
Pseudo-elements: 擬似要素
Scroll_anchoring: スクロールアンカリング
Scroll_snap: スクロールスナップ
Selectors: セレクター
Shapes: シェイプ
Syntax: 構文
Text: テキスト
Text decoration: テキスト装飾
Transforms: 座標変換
Transitions: トランジション
Tools: ツール
Types: データ型
Values and units: 値と単位
ko:
Guides: 안내서
Animations: 애니메이션
Backgrounds_and_Borders: 배경과 보더
Box_model: 박스 모델
Columns:
Conditional_rules: CSS에서 규칙 정의하기
CSSOM_view: CSSOM view
Display: 플로 레이아웃
Flexbox: 플렉스박스
Fonts: 글꼴
Grid: 그리드
Images: 이미지
Lists_and_counters: 리스트와 카운터
Logical_properties: Logical 속성
Media_queries: 미디어 쿼리
Positioning: 위치 잡기
Scroll_snap: 스크롤 스냅
Shapes: 도형
Text: 텍스트
Transforms: 변형
Transitions: 트랜지션
Tools: 도구
pt-BR:
Flexbox: Flexbox
Positioning: Posicionamento
ru:
Guides: Руководства
Animations: Анимации
Backgrounds_and_Borders: Фоны и границы
Box_model: Блочная модель
Columns: Колонки
Conditional_rules: Условные конструкции
CSSOM_view: CSSOM View
Display: Потоковая раскладка
Flexbox: Флексбокс
Fonts: Шрифты
Grid: Грид
Images: Изображения
Lists_and_counters: Списки и счетчики
Logical_properties: Логические свойства
Media_queries: Медиа-запросы
Positioning: Позиционирование
Scroll_snap: Scroll snap
Shapes: Фигуры
Text: Текст
Transforms: Трансформации
Transitions: Переходы
Tools: Инструменты
zh-CN:
Containment: CSS 局限
Combinators: 关系选择器
Guides: 指南
Anchor_positioning: 锚点定位
Animations: 动画
At-rules: At 规则
Backgrounds_and_Borders: 背景和边框
Box alignment: 盒对齐
Box_model: 盒模型
Cascade: 层叠
Colors: 颜色
Color_contrast: Web 无障碍:色彩对比度
Columns: 多列
Conditional_rules: 条件规则
CSSOM_view: CSS 对象模型视图
Display: 流式布局
Filter_effects: 滤镜效果
Flexbox: 弹性盒布局
Fonts: 字体
Functions: 函数
Grid: 网格布局
Images: 图片
Lists_and_counters: 列表和计数器
Logical_properties: 逻辑属性
Media_queries: 媒体查询
Nesting: 嵌套样式规则
Overflow: 溢出
Positioning: 定位
Scroll_anchoring: 滚动锚定
Scroll_snap: 滚动吸附
Shapes: 形状
Syntax: 语法
Text: 文本
Transforms: 变换
Transitions: 过渡
Tools: 工具
Accessibility_Understanding_colors_and_luminance: 无障碍:理解颜色和亮度
Modules: 模块
Pseudo-classes: 伪类
Pseudo-elements: 伪元素
Properties: 属性
Selectors: 选择器
Types: 类型
Values and units: 值和单位
zh-TW:
Flexbox: 彈性區塊
Positioning: 定位