# Skyline WXSS 样式支持与差异

# 模块支持

# 选择器支持

# 属性支持

# 类型支持列表

# 开启默认Block布局

Skyline 下节点默认为 flex 布局，可通过以下配置切换为默认 block 布局。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "defaultDisplayBlock": true,
  }
}

# 开启默认ContentBox盒模型

Skyline 下节点默认为 border-box 盒模型，可通过以下配置切换为默认 content-box 盒模型。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "defaultContentBox": true,
  }
}

# 开启tag选择器全局匹配

Skyline 下 tag 选择器遵循样式隔离机制，而 WebView 下不受样式隔离约束，可通过 tagNameStyleIsolation: legacy 配置对齐 WebView 表现，若指定 tagNameStyleIsolation: isolated 则遵循样式隔离机制。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "tagNameStyleIsolation": "legacy",
  }
}

# 开启scroll-view自动撑开

Skyline 下 scroll-view 默认需要指定宽高撑开，可通过以下配置切换为自动根据内容撑开。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "enableScrollViewAutoSize": true,
  }
}

# 开启keyframe样式全局共享

Skyline 下 @keyframe 规则遵循样式隔离机制，而 WebView 下不受样式隔离约束，可通过 tagNameStyleIsolation: legacy 配置对齐 WebView 表现，若指定 tagNameStyleIsolation: isolated 则遵循样式隔离机制。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "keyframeStyleIsolation": "legacy",
  }
}